input file控件使用accept过滤限制的文件类型

在文件上传控件（input type='file'）中，可以通过accept属性实现对文件类型的过滤。

一、相关代码：

下面给出对应的文件上传控件代码：

<input type="file" id="myFile" accept="image/jpeg,image/gif,application/msword"/><br/>

　　上面的代码表示限制文件上传类型为.jpg/.gif/.doc。

二、限制规则：

在文件上传控件的accept属性中，接受以下两种格式的限制符：

文件类型，但不限制具体扩展名，如：image/*，就只要是图片就行。
文件类型+具体的文件扩展类型，如：image/jpeg，使用的是MIME_TYPE类型
多个MIME_TYPE类型之间用逗号分隔。

三、accept属性具体接受的类型：

　　accept这个属性，只在FF，ie10和chrome中有效。

　　以下是常用的类型：

*.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

input file控件使用accept过滤限制的文件类型相关推荐

Html input file控件使用accept过滤限制的文件类型
Html input file控件使用accept过滤文件 ,老的浏览器不支持,不过对应新的浏览器还是方便很多 <input type="file" accept=" ...
美化type=file控件
对于type="file"而言是一个不大好看的控件.如果不美化他一下,总感觉自己的网站有些缺乏了美感上代码: <!DOCTYPE html> <html> ...
微信小程序基础之input输入框控件
今天主要详写一下微信小程序中的Input输入框控件,输入框在程序中是最常见的,登录,注册,获取搜索框中的内容等等都需要,同时,还需要设置不同样式的输入框,今天的代码中都要相应的使用. input输入框 ...
ehlib的DBGridEh控件中使用过滤功能的方法
关于在ehlib的DBGridEh控件中使用过滤功能的方法在ehlib的DBGridEh控件中使用过滤功能很方便,但使用过程中有几个容易被忽略的地方,它曾经困绕了我很长时间,过滤功能就是用不起来. ...
node-red教程3.3 file控件介绍
File节点分为两种,功能分别是file in与file out ##3.3.1 file的说明信息 File in 控件读取文件的内容,输出为字符串或二进制缓冲区. 输入字符串形式的文件名如果 ...
微信小程序 input 输入框控件 bindinput 没有响应
微信小程序 input 输入框控件 bindinput 没有响应问题: 微信小程序 input 输入框控件 bindinput 没有响应原因: 我以为是我这边的问题,检查很多遍检查不出来,最后换个 ...
使用 SAP UI5 Smart Chart 控件轻松绘制十数种不同类型的专业图表试读版
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年11月19日为止,目前已经更新了 149 篇,专栏完成度为 49.6%. 作者简介 Jerry ...
[转] C#2010 在TreeView控件下显示路径下所有文件和文件夹
原文张丹-小桥流水,C#2010 在TreeView控件下显示路径下所有文件和文件夹 C#2010学习过程中有所收获,便总结下来,希望能给和我一样在学习遇到困难的同学提供参考. 本文主要介绍两个自定 ...
FLASH 上传控件传输，服务端保存文件
/// <summary>/// FLASH 上传控件传输,服务端保存文件/// </summary>public static uint fileUpload(HttpReq ...

input file控件使用accept过滤限制的文件类型

input file控件使用accept过滤限制的文件类型相关推荐

最新文章

热门文章

input file控件使用accept过滤 限制的文件类型

input file控件使用accept过滤 限制的文件类型相关推荐

最新文章

热门文章

input file控件使用accept过滤限制的文件类型

input file控件使用accept过滤限制的文件类型相关推荐