移动设备上的多部分表单：单击文件输入后显示的控件操作

Question

我有一个多部分表单，我希望用户可以将图像上传到我的网站。

<form method="POST" encType="multipart/form-data" action="/uploads" id="forminho"> 
    <div className="btn btn-success" id="submitFileBtn"> 
     Selecionar Imagem 
     <input className="form-control2" type="file" name="upload" id="inputFile" onChange={this.submit}/> 
    </div> 
</form> 

它适用于台式机的预期，但在移动设备上，我得到的应用程序的列表中选择从有很少或没有关系的照片。我得到：相机，摄像机，录音机和文件（并且没有选择另一个动作的选项）。

我该如何明确表示我期待图像并将此动作列表定制为该图像？

Answer 1

有了HTML5，你可以检查上传的照片与accept="image/*"标准的<input>作为这样一个形象：

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

这应该自动防止手机从允许您选择随机的应用程序。

还记得在后端检查上传吗！ :)