Apakah mungkin untuk menulis aplikasi web HTML5 yang dirancang untuk perangkat iOS (iPad, iPhone, iPod Touch) yang memungkinkan pengguna untuk mengunggah gambar dari sistem file?
Bayangkan mengunggah foto baru ke avatar twitter Anda melalui aplikasi web.
iphone
html
file-upload
ios
mobile-safari
Abhic
sumber
sumber
Cara lain untuk mengatasi masalah ini adalah dengan memberi pengguna alamat email pribadi yang dapat mereka kirimi foto melalui email untuk diunggah otomatis (mis. [email protected]).
Sedikit lebih banyak pekerjaan untuk disiapkan, tetapi akan memberikan pengalaman yang konsisten bagi pengguna di semua perangkat (dan pengguna non-seluler mungkin juga merasa nyaman).
sumber
Saya suka solusi picup di http://picupapp.com
sumber
Saya menemukan solusi yang dapat diterima untuk ini. Tambahkan tautan mailTo pada halaman dengan instruksi yang telah ditentukan yang menunjukkan kepada pengguna cara menyalin dan menempelkan gambar dari rol kameranya ke dalam email. Kemudian, tulis pekerjaan / skrip yang mendengarkan kotak masuk itu untuk email masuk, hapus gambar dan proses yang sesuai.
Ini tidak sempurna, tetapi mereka mengeklik tautan dari safari dan kemudian hanya perlu membuka foto, menyalin, dan kembali ke aplikasi Anda. Setelah mencobanya di ponsel saya, ini lebih dari sekadar pekerjaan yang dapat diterima yang memungkinkan saya untuk bergerak maju tanpa menulis Aplikasi.
sumber
Anda akan dapat mengupload foto menggunakan safari di iOS 6 dan seterusnya. Meskipun solusi di atas masih diperlukan untuk iOS 5 dan di bawahnya.
sumber
Aplikasi iOS asli lainnya (mirip dengan Picup atau iphone-photo-picker) adalah Aurigma Up .
sumber
Safari di iOS 6.0 adalah yang pertama menambahkan dukungan
<input type="file">
dengan memungkinkan Anda untuk:Berikut tampilannya di iOS10:
iOS9 memperkenalkan iCloud Drive dan opsi Lainnya termasuk Dropbox . iOS 6 hingga 8 hanya memiliki dua opsi pertama.
Anda dapat membatasi jenis file menjadi hanya foto dengan menggunakan
accept="image/*"
atribut:<input type="file" accept="image/*" >
akan membatasi pilihan hanya pada foto:Di sisi Android, Android 2.2+ adalah yang pertama mendukung kode di atas.
Penafian: gambar milik Pipe yang menangani perekaman video di mana saya CTO
sumber
Ide yang baru saja saya pikirkan adalah memiliki kotak teks tempat pengguna dapat menempelkan url, memungkinkan pengguna untuk menggunakan dropbox atau aplikasi serupa dan menyalin url publik dari file dropbox. Kemudian server akan dapat mengunduh dari server dropbox.
Saya perlu mendukung jenis file selain gambar sehingga sepertinya picupapp tidak akan berfungsi untuk saya.
sumber
Jika Anda masih menggunakan iOS5, harap pertimbangkan untuk menggunakan iCab Mobile. Dapatkan untuk ipad saya dan (setidaknya untuk saya) unggahan file berfungsi dengan baik.
Hormat kami, Piotr
sumber
Hanya untuk iOS> = 6
<input type="file" accept="image/*" capture>
"capture" tidak mengubah apa pun dengan iOS tetapi masih berguna untuk perangkat lain (tampaknya Android, lihat komentar).
sumber
capture="camera"
(string) telah diganti olehcapture="capture"
dalam Rekomendasi Kandidat W3C. Dalam kedua kasus itu, ini hanya berfungsi di Android.