Tujuannya adalah untuk dapat memilih beberapa foto dari Google Foto di perangkat Android dan mengunggahnya menggunakan kontrol input file html biasa.

Saya dapat memilih beberapa foto tetapi hanya satu yang diunggah...

Dengan menggunakan Galeri, saya dapat mengunggah banyak foto. Tahu kenapa?

Ini pengujinya: https://jsfiddle.net/7sL1v46e/

<input id="fileInput" type="file" multiple accept="image/*">

Ketika beberapa file dipilih, jumlah file yang dipilih muncul di depan input file.

EDIT 1: termasuk atribut accept="image/*". Masih tidak berfungsi jika sumber fotonya adalah Foto Google

8
JCS 9 Oktober 2017, 15:01
Apakah menggunakan html, jquery dan PHP atau android?
 – 
Abdul bari ct
23 November 2019, 10:29

2 jawaban

Anda harus menentukan jenis input yang ingin Anda terima. Untuk alasan apa pun, ini membuat semuanya berjalan seperti yang diharapkan.

<input type="file" id="images" multiple accept="image/*" />
2
fny 26 November 2019, 01:26
Accept="image/*" tidak berfungsi jika sumbernya adalah Foto Google. Terima kasih.
 – 
JCS
29 November 2019, 18:58
Saya mencobanya, dan itu berfungsi untuk ponsel saya menggunakan Google Foto. Kalau tidak, saya tidak akan menganggap ini sebagai jawaban.
 – 
fny
30 November 2019, 03:55

Atribut accept sangat berguna. Ini adalah petunjuk bagi browser untuk hanya menampilkan file yang diizinkan untuk input saat ini. Meskipun biasanya dapat ditimpa oleh pengguna, ini membantu mempersempit hasil untuk pengguna secara default, sehingga mereka bisa mendapatkan apa yang mereka cari tanpa harus menyaring ratusan jenis file yang berbeda.

Pemakaian

Catatan: Contoh-contoh ini ditulis berdasarkan spesifikasi saat ini dan mungkin tidak benar-benar berfungsi di semua (atau salah satu) browser. Spesifikasi juga dapat berubah di masa mendatang, yang dapat mematahkan contoh-contoh ini.

<h1>Match all image files (image/*)</h1>
<p><label>image/* <input type="file" accept="image/*"></label></p>

<h1>Match all video files (video/*)</h1>
<p><label>video/* <input type="file" accept="video/*"></label></p>

<h1>Match all audio files (audio/*)</h1>
<p><label>audio/* <input type="file" accept="audio/*"></label></p>

<h1>Match all image files (image/*) and files with the extension ".someext"</h1>
<p><label>.someext,image/* <input type="file" accept=".someext,image/*"></label></p>

<h1>Match all image files (image/*) and video files (video/*)</h1>
<p><label>image/*,video/* <input type="file" accept="image/*,video/*"></label></p>

Untuk unggahan beberapa gambar

<input type="file" id="deviceCamera" multiple accept="image/*"/>

Tetapi dari input "seluler" (gambar/*) itu memungkinkan Anda memilih dari Camera atau beberapa aplikasi, tetapi tidak Documents, dan Anda tidak dapat memilih banyak dari mereka.

Jadi sekarang saya hanya menggunakan:

<input type="file" multiple accept="image/*,.jpg,.gif,.png,.jpeg"/>

Ini memberi saya akses untuk memilih dari Documents dan Camera tetapi bukan aplikasi apa pun, tetapi setidaknya Documents memungkinkan Anda memilih beberapa gambar.

1
Vignesh Kumar A 29 November 2019, 12:48
Accept="image/*" tidak berfungsi jika sumbernya adalah Foto Google. Terima kasih.
 – 
JCS
29 November 2019, 18:58
Anda harus menyebutkan accept="image/*,.jpg,.gif,.png,.jpeg" untuk mendapatkan gambar dari berbagai sumber
 – 
Vignesh Kumar A
29 November 2019, 19:14