用法

Question

目标是能够在Android设备上从Google相册中选择多张照片，并使用常规的html文件输入控件上传它们。

我可以选择多张照片，但只上传了一张...

使用图库我可以上传多张照片。知道为什么吗？

以下是测试人员：https://codepen.io/anon/pen/BwrGLm

<input id="fileInput" type="file" multiple>

选择多个文件时，所选文件的数量将显示在文件输入的前面。

提前致谢。

Answer 1

我以前也遇到过同样的问题。我使用以下代码绕过了我的问题：

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

如果您只想上传指定的文件类型，请尝试使用：

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

Answer 2

您应指定要接受的输入类型。无论出于何种原因，这都能使一切正常工作。

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

Answer 3

这里的问题相同。 Google照片选择器允许在Chrome上进行多项选择，但只返回一个文件。

Firefox尚不支持多个文件选择： https://caniuse.com/#feat=input-file-multiple

有关于Chromium的错误报告，但没有任何活动迹象： https://bugs.chromium.org/p/chromium/issues/detail?id=348912

猜猜我们必须等待或实施Picasa Web Albums Data API的解决方案。

Answer 4

accept 属性非常有用。这提示浏览器仅显示当前input允许的文件。尽管通常可以被用户覆盖，但是默认情况下它可以帮助缩小用户的搜索范围，因此他们可以准确地找到所需的内容，而不必浏览一百种不同的文件类型。

用法

注意： 这些示例是根据当前规范编写的，可能无法在所有（或任何）浏览器中实际使用。规范将来可能还会更改，可能会破坏这些示例。

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

用于上传多张图片

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

，但是从“移动”（图像/ *）输入中，您只能从Camera或某些应用中进行选择，而不能从Documents中进行选择，因此无法从中进行多选。

所以现在我正在使用：

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

这使我可以从Documents和Camera中进行选择，但不能选择任何应用程序，但是至少Documents允许您选择多个图像。

Answer 5

此处存在相同的问题，但使用了不同版本的“ Google相册”应用（例如Android 8.0上的3.24.0.204162798）。

相应的对话框在意图上是开放式的，我可以选择多个图像，但是只有一个返回到HTML输入元素。

我正在使用的HTML输入元素如下：

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

我很确定HTML代码正确无误，并且可以正常工作，请参考：

任何提示都值得赞赏！

编辑：

有人知道我可以在哪里提交Google“照片”应用程序的错误报告？

从Google相册上传多张照片

5 个答案:

用法