在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