可以设置一下html中的accept属性以实现上传文件类型的筛选，accept 属性只能与 <input type="file">配合使用。它规定能够通过文件上传进行提交的文件类型。
工具原料：编辑器、浏览器
1、设置一个文件上传选项，删选一下只能上传图片或者详细的限制只能上传图片的某些格式，代码如下：
<!DOCTYPE html><html>
<body>
<form action="demo_form.asp">
<input type="file" name="pic" accept="image/*">
<input type="submit">
</form>
<p><strong>注释：</strong>Internet Explorer 9 以及更早的版本不支持 input 标签的 accept 属性。</p>
<p><strong>注释：</strong>鉴于安全考虑，该例不允许您上传文件。</p>
</body>
</html>
2、运行的结果是只能上传图片不能上传其他的文件，在d出的上传选择对话框中也会值显示图片，如下图：
input type =file accept =application/msword br br accept属性列表 br 1.accept=application/msexcel 2.accept=application/msword 3.accept=application/pdf 4.accept=application/poscript 5.accept=application/rtf 6.accept=application/x-zip-compressed 7.ac1.accept="application/msexcel"2.accept="application/msword"3.accept="application/pdf"4.accept="application/poscript"5.accept="application/rtf"6.accept="application/x-zip-compressed"7.accept="audio/basic"8.accept="audio/x-aiff"9.accept="audio/x-mpeg"10.accept="audio/x-pn/realaudio"11.accept="audio/x-waw"12.accept="image/gif"13.accept="image/jpeg"14.accept="image/tiff"15.accept="image/x-ms-bmp"16.accept="image/x-photo-cd"17.accept="image/x-png"18.accept="image/x-portablebitmap"19.accept="image/x-portable-greymap"20.accept="image/x-portable-pixmap"21.accept="image/x-rgb"22.accept="text/html"23.accept="text/plain"24.accept="video/quicktime"25.accept="video/x-mpeg2"26.accept="video/x-msvideo" 这个就可以实现选择具体的数据类型，但是有兼容问题，测试的时候只有Opera，Chrome能用，火狐和IE都不兼容。用accept属性，如下：
<input type="file" name="image" id="image" accept=".jpg">这个属性是html5规定的，因此浏览器必须兼容或支持html5，比如ie10+, chrome, firefox等。
别忘记在网页开头写上<!doctype html>以声明支持html5。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）