HTML 输入文件 capture=camera 用于多个文件

Posted 2023-05-06

【中文标题】HTML 输入文件 capture=camera 用于多个文件

【英文标题】：HTML input file capture=camera for multiple files

【发布时间】：2020-06-22 17:29:21

【问题描述】：

我正在尝试制作一个移动网络应用程序（适用于 ios 和 android），让用户可以通过从库中选择照片或使用设备相机拍摄照片来上传一些照片。

我正在使用此输入 <input type="file" accept="image/*" capture="camera" multiple>。它很好用，它打开相机，让我选择使用照片或重试，但多重属性不起作用。我每次只能拍一张照片。

我错过了什么吗？可能不支持multiple属性？

【问题讨论】：

你找到方法了吗？

【参考方案1】：

只需删除，

capture="camera" 

然后它将直接在图库中打开并允许多选。

【参考方案2】：

我认为实际上不可能在上传之前用这种方式用相机拍摄多张照片，并且只能使用文件浏览器上传多张照片。

您将需要使用 javascript 和 MediaStream 功能，几乎是自己编写一个快速相机应用程序。它有效，但制造商报告传感器等方面存在一些缺陷。