移動設備上的多部分表單：單擊文件輸入後顯示的控件操作

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

這應該自動防止手機從允許您選擇隨機的應用程序。

還記得在後端檢查上傳嗎！ :)