使用相机时不会触发 Firefox for Android 输入文件 onchange答案

【问题标题】：Firefox for Android input file onchange doesn't trigger when using camera使用相机时不会触发 Firefox for Android 输入文件 onchange
【发布时间】：2015-10-26 11:29:28
【问题描述】：

我正在制作一个单张图片表单，该表单应在选择图片时自动上传。

HTML

<form method="post" action="{{ bucket }}" enctype="multipart/form-data" id="pic-form">
    <label>
    <img src="placeholder.png" class="photo"/>
    <input type="file" name="file" required id="pic-file" accept="image/"/>
    </label>
    <input type="submit" value="Upload" id="submit-btn"/>
</form>

JS：

$('#pic-file').on('change', function(evt){
    $('#pic-form').submit();
});

它在桌面上运行良好，在我的手机上，当我从库中选择图片时它也会触发，但当我从相机中选择时不会触发。

【问题讨论】：

标签： javascript android firefox upload camera

【解决方案1】：

accept 参数有一个错误。在我的实际代码中，我有“image/;capture=camera”，其中 HTML 规范说它是一个逗号分隔的列表。我不得不更改为“image/,capture=camera”。最后我得到了这个：

<input type="file" name="file" 
    required id="pic-file" accept=".jpg,.jpeg,.png,capture=camera"/>

【讨论】：