HTML input file控件限制上传文件类型_动力节点Jav
建站知识 2021-07-02 22:41www.168986.cn长沙网站建设
网页上添加一个input file HTML控件
<input id="File1" type="file" />
默认是这样的,所有文件类型都会显示出来,如果想限制它只显示我们设定的文件类型呢,比如“word“,”excel“,”pdf“文件
解决办法是可以给它添加一个aept属性,比如
<input id="File1" type="file" aept=".xls,.doc,.txt,.pdf" />
这样选择的时候默认会显示为这样
文件选择框内只显示出你自定义文件类型的文件,也还比较方便。
不过这只是最简单的掩人耳目的做法,还是能选择其它文件类型
所以,如果要做到真正意义上限制类型做法(其实这种算不上限制,只是把你要的文件类型默认显示出来而已,并不是说不能选择其它的),还是要通过js或者后台来控制。
附支持的文件类型
.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video .ac3 audio/ac3 AC3 Audio .asf allpication/vnd.ms-asf Advanced Streaming Format .au audio/basic AU Audio .css text/css Cascading Style Sheets .csv text/csv Comma Separated Values .doc application/msword MS Word Document .dot application/msword MS Word Template .dtd application/xml-dtd Document Type Definition .dwg image/vnd.dwg AutoCAD Drawing Database .dxf image/vnd.dxf AutoCAD Drawing Interchange Format .gif image/gif Graphic Interchange Format .htm text/html HyperText Markup Language .html text/html HyperText Markup Language .jp2 image/jp2 JPEG-2000 .jpe image/jpeg JPEG .jpeg image/jpeg JPEG .jpg image/jpeg JPEG .js text/javascript, application/javascript JavaScript .json application/json JavaScript Object Notation .mp2 audio/mpeg, video/mpeg MPEG Audio/Video Stream, Layer II .mp3 audio/mpeg MPEG Audio Stream, Layer III .mp4 audio/mp4, video/mp4 MPEG-4 Audio/Video .mpeg video/mpeg MPEG Video Stream, Layer II .mpg video/mpeg MPEG Video Stream, Layer II .mpp application/vnd.ms-project MS Project Project .ogg application/ogg, audio/ogg Ogg Vorbis .pdf application/pdf Portable Document Format .png image/png Portable Network Graphics .pot application/vnd.ms-powerpoint MS PowerPoint Template .pps application/vnd.ms-powerpoint MS PowerPoint Slideshow .ppt application/vnd.ms-powerpoint MS PowerPoint Presentation .rtf application/rtf, text/rtf Rich Text Format .svf image/vnd.svf Simple Vector Format .tif image/tiff Tagged Image Format File .tiff image/tiff Tagged Image Format File .txt text/plain Plain Text .wdb application/vnd.ms-works MS Works Database .wps application/vnd.ms-works Works Text Document .xhtml application/xhtml+xml Extensible HyperText Markup Language .xlc application/vnd.ms-excel MS Excel Chart .xlm application/vnd.ms-excel MS Excel Macro .xls application/vnd.ms-excel MS Excel Spreadsheet .xlt application/vnd.ms-excel MS Excel Template .xlw application/vnd.ms-excel MS Excel Workspace .xml text/xml, application/xml Extensible Markup Language .zip aplication/zip Compressed Archive
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML