使用相机上传照片后移动浏览器刷新页面答案

【问题标题】：Mobile browser refreshes page after uploading a photo using Camera使用相机上传照片后移动浏览器刷新页面
【发布时间】：2016-11-06 13:50:37
【问题描述】：

我的网站上有一个相当常见的文件输入字段，用于上传图片：

<input name="photos" type="file" accept="image/*"/>

在桌面上，它可以正常工作。在移动设备上，如果我从我的图库中选择一张已经存在的照片，它可以正常工作，但如果我选择用相机拍照，它会切换到相机，我拍照，当我在相机应用程序中确认时，它会返回浏览器，但会刷新页面，并且照片不会消失。输入将为空。

【问题讨论】：

【解决方案1】：

添加 capture="camera" 可以部分解决。

<input name="photos" type="file" capture="camera" accept="image/*"/>

现在唯一的问题是用户无法从以前存在的照片中进行选择。

【讨论】：

【解决方案2】：

添加无值属性捕获！

<input name="photos" type="file" capture accept="image/*"/>

【讨论】：