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/*">

这应该会自动阻止手机允许您选择随机应用。

请记得检查后端的上传内容！：）

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

1 个答案: