在html頁面，文件上傳只接受png格式

Question

我正在開發一個應用程序： 我有一個文件上傳輸入：

<input id="full_demo" type="hidden" name="test[image]"> 

我想允許.jpg格式的唯一， 沒有任何方法，通過它我可以解決它。

在我的代碼文件類型=「隱藏」如果我將使用類型=「文件」，然後剪裁工具插件將停止工作。

我已經試過這種代碼，但不工作：

<input type="file" name="pic1" accept="image/jpeg" /> 

Answer 1

它不是JPG其JPEG。

<input type="file" name="pic1" accept="image/jpeg" /> 

Answer 2

你可以嘗試這樣的事情。

<input type="file" name="pic1" id="image" accept="image/jpeg" /> 

你也可以給多種格式是這樣的。

<input type="file" name="pic1" id="image" accept="image/gif, image/jpeg, image/png" /> 

Answer 3

<input type="file" name="myImage" accept="image/x-png, image/gif, image/jpeg" /> 

請注意，這只是提供了一個提示瀏覽器以顯示給用戶哪些文件類型，但可以很容易規避，所以您應該始終驗證服務器上上傳的文件也。

它應該可以在IE 10+，Chrome，Firefox，Safari 6+，Opera 15+中使用，但手機上的支持非常粗略（截至2015年），有些報道可能實際上阻止了一些移動瀏覽器上傳任何東西畢竟，所以一定要好好測試你的目標平臺。

有關詳細瀏覽器的支持，看到http://caniuse.com/#feat=input-file-accept