Aplikasi web html5 untuk safari seluler untuk mengunggah gambar dari Photos.app?


93

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.

Jawaban:


98

UPDATE: iOs 6 Safari akan mendukung upload video dan gambar dari Photo Library.

====

Aku benci kata ini, tapi tidak mungkin (sampai sekarang). Inilah alasannya:

1) Safari seluler tidak mendukung unggahan apa pun.

2) Safari seluler tidak dapat mengakses komponen ios (sebenarnya dapat, tetapi, hanya melalui phonegap )


7
Anda benar, itu kata yang penuh kebencian! Penelitian saya menunjukkan hal yang sama dan saya tidak bisa menerimanya, jadi saya bertanya di sini di SO. Terima kasih atas jawabannya.
Abhic

2
Apa yang saya tidak mengerti adalah mengapa apel tidak mengizinkan folder gambar / video diekspos daripada takut mengekspos seluruh sistem.
fasih.rana

1
Ada tautan ke dokumentasi iOS Safari untuk merujuk bagaimana cara mencapai unggahan gambar di iOS ?? Terima kasih!
detj

Ah! Itu melakukannya secara otomatis. Tidak ada kerepotan :)
detj

Bisakah Anda memposting beberapa kode untuk mengunggah file di browser safari ios menggunakan HTML 5?
Karthick

28

Cara lain untuk mengatasi masalah ini adalah dengan memberi pengguna alamat email pribadi yang dapat mereka kirimi foto melalui email untuk diunggah otomatis (mis. photos+abc123@yoursite.com).

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).


Saya bertanya-tanya bagaimana ini bisa dilakukan, maksud saya, pengguna mengirim email dengan lampiran, foto atau video, bagaimana saya bisa mengekstrak informasi itu dan menyimpannya ke DB dan memposting informasi relatif di tempat yang tepat, foto ke folder gambar dan video ke folder video ... harus sudah ada skrip yang bisa melakukan itu ... atau yang serupa ..
Tanker

@Tanker ya, aplikasi Anda harus mengambil email secara berkala, mengambil lampiran, dan menyimpan perubahan. Saya telah menggunakan perpustakaan email ChilKat untuk ini di masa lalu, meskipun saya akan memperingatkan Anda bahwa itu tidak selalu dapat dikompilasi dengan baik (bagi saya -ymmv) antara 32/64 bit.
Brichins

9

Saya suka solusi picup di http://picupapp.com


Ada tutorial untuk itu . Satu masalah dengan Picup adalah ia mengunggah gambar ke server pihak ketiga (imgur.com), yang dapat menimbulkan banyak masalah perizinan / privasi. Persyaratan layanan Imgur pada dasarnya mengatakan bahwa mereka memiliki gambar tersebut dan Anda tidak dapat menggunakannya untuk tujuan komersial.
Ian Dunn

2
@Ian Dunn: Picup dapat dikonfigurasi untuk mengunggah gambar ke URL apa pun yang Anda suka. Imgur hanyalah defaultnya.
Geon

8

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.

    <div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
    <h3>{l t='Upload Picture'}</h3>
    <a href="mailto:fotos@opina.com?subject={l t='My pictures of'} {$var_biz.bizname}[{$var_biz.id}]!&body={l t='To upload a picture go to your Camera Roll and copy paste an image to this area in the email.  We will apply your picture after review!'}">{l t='Click here to upload pictures of'} {$var_biz.bizname}</a>
</div>

Ini lebih dapat diterima oleh Anda karena Anda tahu batasannya - Saya ingin tahu tanggapan dari non pengembang yang menanggapi aplikasi seperti ini. Ini adalah cara yang menarik untuk melakukannya dan yang bergantung pada metode lain yang sudah dikenal oleh pengguna - mungkin berhasil untuk sesuatu yang saya coba lakukan juga.
Angelo R.

Ya. itu ide yang bagus. Harus ada skrip yang akan mengurai lampiran. Zend Framework memiliki beberapa komponen bagus untuk itu.
Svetoslav Marinov

6

Anda akan dapat mengupload foto menggunakan safari di iOS 6 dan seterusnya. Meskipun solusi di atas masih diperlukan untuk iOS 5 dan di bawahnya.


2
apakah Anda memiliki instruksi untuk melakukannya di iOS 6?
Wim Deblauwe


2

Safari di iOS 6.0 adalah yang pertama menambahkan dukungan <input type="file">dengan memungkinkan Anda untuk:

  • ambil video atau foto baru
  • pilih video atau foto dari perpustakaan

Berikut tampilannya di iOS10:

Masukan file iOS 10 tanpa filter

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:

Input file iOS 10 untuk 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


1

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.


0

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


0

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).


capture="camera"(string) telah diganti oleh capture="capture"dalam Rekomendasi Kandidat W3C. Dalam kedua kasus itu, ini hanya berfungsi di Android.
Oktavianus Naicu

@OctavianNaicu masuk akal. Saya telah mengedit tanggapannya. Terima kasih atas infonya
Erdal G.
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.