js 文件类型总结 input_type=file限制类型
1. 浏览器支持
Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 6 支持 accept 属性。
注意：Internet Explorer 9 及之前的版本都不支持 <input> 标签的 accept 属性。
2. 定义和用法
accept 属性规定了可通过文件上传提交的服务器接受的文件类型。
注意：accept 属性仅适用于 <input type="file">。
提示：请不要将该属性作为您的验证工具。应该在服务器上对文件上传进行验证。（）
3. input举例
<!-- 接收单个文件类型 -->
<input type="file" accept="image/jpeg" />
<input type="file" accept=".xls" />
<!-- 接受文件类型 -->
<input type="file" accept="video/*" />
<!-- 接收多个文件类型 -->
<input type="file" accept="audio/*,video/*,image/*" >
<input type="file" accept=".xls,.doc,.txt,.pdf"/>
4. MIME 类型
MIME (Multipurpose Internet Mail Extensions) 是描述消息内容类型的因特网标准。
MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据。
一个有效的 MIME 类型，不带参数。请参阅 ： MIME 类型
可以使用 ctrl + F 搜索类型
通配符（*），常见通配类型：
接受所有的图像文件：image/*
接受所有的视频文件：video/*
接受所有的音频文件：audio/*
常见后缀（类型介绍及其他类型见最后）：
图片类：
bmp (image/bmp)，
gif (image/gif)，
jpg (image/jpeg)，
png (image/png)，
svg (image/svg+xml)，
tiff (image/tiff)，
ico (image/x-icon)
视频类：
avi (video/x-msvideo)，
mpg (video/mpeg)，
mp4 (video/mp4)
音频类：
wav (audio/x-wav)，
mp3 (audio/mpeg)
可执行文件：
exe (application/octet-stream)，
bin (application/octet-stream)
压缩文件：
rar (application/x-rar-compressed)，
zip (application/zip)，
tar (application/x-tar)，
gz (application/x-gzip)
office文档：
doc (application/msword)，
xls (application/vnd.ms-excel)，
ppt (application/vnd.ms-powerpoint)，
docx (application/vnd.openxmlformats-officedocument.wordprocessingml.document)，
xlsx (application/vnd.openxmlformats-officedocument.spreadsheetml.sheet)，
pptx (application/vnd.openxmlformats-officedocument.presentationml.presentation)
pdf文档：
pdf (application/pdf)
基础文档类：
txt (text/plain)
程序文档：
js (application/x-javascript)，
css (text/css)，
html (text/html)，
json (application/json)
5. 后缀名类型介绍
（1）图片类
1. BMP： BMP格式是微软公司制定的图形标准，优点就是在PC上兼容度一流，几乎能被所有的图形软件“接受”，可称为通用格式，就算不装任何看图软件，用Windows的“画笔”一样可以看。其结构简单，未经过压缩，储存为bmp格式的图形不会失真，但文件比较大，而且不支持Alpha（透明背景）通道。
2. JPG：JPG格式是目前网络上流行的图形格式，它可以把文件容量压缩到很小的格式。JPG支持不同程度的压缩比，您可以视情况调整压缩倍率，压缩比越大，品质就越低；相反地，压缩比越小，品质就越好。不过要注意的一点是，这种压缩法属于失真型压缩，文件的压缩会使得图形品质下降。
JPEG（Joint Photographic Experts Group，联合图形专家组）是由CCITT（国际电报电话咨询委员会）和ISO（国际标准化组织）联合组成的一个图像专家组。
3. GIF：GIF与JPG一样是目前网络上最常见图形格式，它的缺点是只支持256色而且文件容量比JPG大得多。不过它却身怀绝技，可以使用透明色，而且可以把好几张图联合起来做成动画文件。一般该格式只有做网页的朋友会使用到。
GIF（Graphics Interchange Format，图形交换格式）是CompuServe公司在1987年开发的图像文件格式，1989年在1987年版本基础上进行了扩充，扩充后的版本号定义为GIF89a，而1987年版本则为GIF87a。GIF采用LZW压缩算法来存储图象数据，并采用了可变长度等压缩算法。GIF的图像深度从1 bit到8 bit，也即GIF最多支持256种颜色的图像。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。
4. TIF：pTIF格式可说是做平面设计上最常使用到的一种图形格式，因为是属于跨平台的格式，而且支持cmyk色，所以经常被用于印刷输出的场合。此外还有一个特色就是支持lzw压缩，属于不失真压缩，也就是说不管怎么压缩，图档的品质都还能保持原来的水准。
TIFF（Tag Image File Format，Tag Image File Format）文件是由Aldus和Microsoft公司为扫描仪和桌上出版系统研制开发的一种较为通用的图像文件格式。TIFF格式灵活易变，它又定义了四类不同的格式：TIFF－B适用于二值图像；TIFF－G适用于黑白灰度图像；TIFF－P适用于带调色板的彩色图像；TIFF－R适用于RGB真彩图像。TIFF支持多种编码方法，其中包括RGB无压缩、RLE压缩及JPEG压缩等。
5. PNG：PNG（Portable Network Graphics，可移植的网络图形格式）是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点。PNG最大色深为48bit，采用无损压缩方案存储，是一种位图文件。著名的Macromedia公司的Fireworks的默认格式就是PNG。
6. SWF：利用Macromedia公司的Flash我们可以制作出一种后缀名为SWF（Shockwave Format）的动画，这种格式的动画图像能够用比较小的体积来表现丰富的多媒体形式。在图像的传输方面，不必等到文件全部下载才能观看，而是可以边下载边看，因此特别适合网络传输，特别是在传输速率不佳的情况下，也能取得较好的效果。SWF动画如今已被大量应用于Web网页进行多媒体演示与交互性设计。此外，SWF动画是其于矢量技术制作的，因此不管将画面放大多少倍，画面不会因此而有任何损害。
SWF是二维动画软件Flash中的矢量动画格式，主要用于Web页面上的动画发布。一种流媒体格式文件。
7. PSD：PSD格式著名的Adobe公司的图像处理软件Photoshop的专用格式Photoshop Document（PSD）。PSD其实是Photoshop进行平面设计的一张"草稿图"，这种格式包含了图形中的图层、通道、遮罩、选取区等Photoshop可以处理的属性，这样全方位的储存如果运用得当的话，几乎可以将您创作的过程留下完整的纪录，以便于下次打开文件时可以修改上一次的设计。
8. CDR：CDR是著名做图软件CorelDraw的专用图形格式，由于CorelDraw是矢量图形处理软件，所以CDR可以记录的资料量可以说是千奇百怪，各物件的属性、位置、分页通通可以储存，以便日后修改。支持压缩，文件较小。
9. DXF：三维模型设计软件AutoCAD的专用格式，文件小，所绘制的图形尺寸、角度等数据十分准确，是建筑设计的更好选择。
10. UFO ：UFO是另一著名做图软件Ulead Photoimapct的专用图形格式，文件名看起来很酷吧！致力于追上Adobe的友立科技，同样也发展出跟psd类似的图档格式，能够完整纪录所有Photoimapct所处理过的属性，不过在记录原理上则有些不同，ufo以物件来代替图层，Photoimapct与Photoshop本身就有很多的不同。。
11. AI：AI格式的文件是用Adobe公司的Illustrator制做的，用Illustrator可以打开AI文件，也可以用CorelDRAW和Photoshop打开，不过用CDR需要用导入，而用PS打开就是合层的了。
12. RIF：RIF是著名作图软件Painter的专用图形格式，可以储存相当多的属性资料。附带一提的是，Painter可以打开psd文件，而且经过Painter处理过的psd文件在Photoshop中还能使用。
13. WMF格式：WMF（Windows Metafile Format）是Windows中常见的一种图元文件格式，属于矢量文件格式。它具有文件短小、图案造型化的特点，整个图形常由各个独立的组成部分拼接而成，其图形往往较粗糙。
14. EMF格式：EMF（Enhanced Metafile）是微软公司为了弥补使用WMF的不足而开发的一种Windows 32位扩展图元文件格式，也属于矢量文件格式，其目的是欲使图元文件更加容易接受。
15. EPS：EPS（Encapsulated PostScript）是PC机用户较少见的一种格式，而苹果Mac机的用户则用得较多。它是用PostScript语言描述的一种ASCII码文件格式，主要用于排版、打印等输出工作。
16. SVG格式：SVG可以算是目前最最火热的图像文件格式了，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有互交功能，并可以随时插入到HTML中通过浏览器来观看。
它提供了目前网络流行格式GIF和JPEG无法具备了优势：可以任意放大图形显示，但绝不会以牺牲图像质量为代价；字在SVG图像中保留可编辑和可搜寻的状态；平均来讲，SVG文件比JPEG和GIF格式的文件要小很多，因而下载也很快。可以相信，SVG的开发将会为Web提供新的图像标准。
17. webp
（2）视频类
1. AVI视频格式，文件名以“.avi”结尾。AVI是英文Audio Video Interleave的缩写，该格式由微软开发。在所有Windows系统都能运行这种格式。
2. WMV视频格式，文件名以“.wmv”结尾。WMV是英文Windows Media的缩写，该格式也是由微软开发，需要安装微软组件才能正常播放，也正因为这个原因，在非Windows系统上是不能正常播放该格式视频。
3. MPEG视频格式，文件名以“.mpg”或“.mpeg”结尾。MPEG是英文Moving Pictures Expert Group的缩写。MPEG是跨平台的视频格式，基本上在所有浏览器上都能正常播放。
4. QuickTime视频格式，文件名以“.mov”结尾。该视频格式是由苹果公司开发出来的。只要在电脑上安装相应的播放组件，基本上都能正常播放。
5. RealVideo视频格式，文件名以“.rm”或“.ram”结尾。RealVideo视频格式是网络上的常用格式，对网络带宽要求比较低，能实现快速播放，但其视频画质没有其他格式视频高。
6. Flash视频格式，文件名以“.swf”或“.flv”结尾。该格式是由Macromedia 开发的。只要安装相应的Flash组件都能正常播放，在IE、火狐浏览器基本上都预装了播放Flash的视频组件。
7. Mpeg-4视频格式，文件名以“.mp4”结尾。该格式是网络上的新视频格式，很多视频网站都会使用MP4视频格式，是比较流行的一种视频格式。Flash播放器、HTML5网站都能正常播放该视频格式视频。
来源：视频后缀名都有哪些
（3）音频类
1. MP3，是使用最广泛的音频文件，编码格式为MPEG Layer 3，目前大多数音乐文件都是此格式，但音质有压缩，只给普通大众使用，满足不了对音质有较高要求的玩家。
2. AAC，是从mp3格式发展而来的，有更好的音质和更高的压缩比，现在已经是MPEG系列视频格式中的标准音频编码格式，但在音乐文件上尚不普及。
3. M4A，也是AAC编码的音乐文件，通常用在HTML5 audio的在线音乐播放上。
4. APE和FLAC，都是无损音乐文件，ape压缩比较高，flac比MP3播放器兼容高一些。两者一般都是需要收费的，适合音质要求较高的玩家。
5. WAV，是微软的音乐文件，属于无损音频压缩，文件比较大，大多数手机、MP3、MP4等设备录音产生的文件都是这两种文件中的一种。
6. WMA，微软的有损压缩音乐文件，压缩比和音质高于MP3。
7. AMR，主要用于移动设备的语音，压缩比比较大，相对其他的压缩格式质量比较差，一般只用于人声，通话，语音识别。
8. MIDI，不同于其他音频文件，而是音乐代码，可以理解为乐谱，一般在音乐专业人员及乐曲爱好者中使用。
6. MIME对照表
{
"application/andrew-inset": [
"ez"
],
"application/applixware": [
"aw"
],
"application/atom+xml": [
"atom"
],
"application/atomcat+xml": [
"atomcat"
],
"application/atomsvc+xml": [
"atomsvc"
],
"application/bdoc": [
"bdoc"
],
"application/ccxml+xml": [
"ccxml"
],
"application/cdmi-capability": [
"cdmia"
],
"application/cdmi-container": [
"cdmic"
],
"application/cdmi-domain": [
"cdmid"
],
"application/cdmi-object": [
"cdmio"
],
"application/cdmi-queue": [
"cdmiq"
],
"application/cu-seeme": [
"cu"
],
"application/dash+xml": [
"mpd"
],
"application/davmount+xml": [
"davmount"
],
"application/docbook+xml": [
"dbk"
],
"application/dssc+der": [
"dssc"
],
"application/dssc+xml": [
"xdssc"
],
"application/ecmascript": [
"ecma"
],
"application/emma+xml": [
"emma"
],
"application/epub+zip": [
"epub"
],
"application/exi": [
"exi"
],
"application/font-tdpfr": [
"pfr"
],
"application/font-woff": [
"woff"
],
"application/font-woff2": [
"woff2"
],
"application/geo+json": [
"geojson"
],
"application/gml+xml": [
"gml"
],
"application/gpx+xml": [
"gpx"
],
"application/gxf": [
"gxf"
],
"application/gzip": [
"gz"
],
"application/hyperstudio": [
"stk"
],
"application/inkml+xml": [
"ink",
"inkml"
],
"application/ipfix": [
"ipfix"
],
"application/java-archive": [
"jar",
"war",
"ear"
],
"application/java-serialized-object": [
"ser"
],
"application/java-vm": [
"class"
],
"application/javascript": [
"js",
"mjs"
],
"application/json": [
"json",
"map"
],
"application/json5": [
"json5"
],
"application/jsonml+json": [
"jsonml"
],
"application/ld+json": [
"jsonld"
],
"application/lost+xml": [
"lostxml"
],
"application/mac-binhex40": [
"hqx"
],
"application/mac-compactpro": [
"cpt"
],
"application/mads+xml": [
"mads"
],
"application/manifest+json": [
"webmanifest"
],
"application/marc": [
"mrc"
],
"application/marcxml+xml": [
"mrcx"
],
"application/mathematica": [
"ma",
"nb",
"mb"
],
"application/mathml+xml": [
"mathml"
],
"application/mbox": [
"mbox"
],
"application/mediaservercontrol+xml": [
"mscml"
],
"application/metalink+xml": [
"metalink"
],
"application/metalink4+xml": [
"meta4"
],
"application/mets+xml": [
"mets"
],
"application/mods+xml": [
"mods"
],
"application/mp21": [
"m21",
"mp21"
],
"application/mp4": [
"mp4s",
"m4p"
],
"application/msword": [
"doc",
"dot"
],
"application/mxf": [
"mxf"
],
"application/octet-stream": [
"bin",
"dms",
"lrf",
"mar",
"so",
"dist",
"distz",
"pkg",
"bpk",
"dump",
"elc",
"deploy",
"exe",
"dll",
"deb",
"dmg",
"iso",
"img",
"msi",
"msp",
"msm",
"buffer"
],
"application/oda": [
"oda"
],
"application/oebps-package+xml": [
"opf"
],
"application/ogg": [
"ogx"
],
"application/omdoc+xml": [
"omdoc"
],
"application/onenote": [
"onetoc",
"onetoc2",
"onetmp",
"onepkg"
],
"application/oxps": [
"oxps"
],
"application/patch-ops-error+xml": [
"xer"
],
"application/pdf": [
"pdf"
],
"application/pgp-encrypted": [
"pgp"
],
"application/pgp-signature": [
"asc",
"sig"
],
"application/pics-rules": [
"prf"
],
"application/pkcs10": [
"p10"
],
"application/pkcs7-mime": [
"p7m",
"p7c"
],
"application/pkcs7-signature": [
"p7s"
],
"application/pkcs8": [
"p8"
],
"application/pkix-attr-cert": [
"ac"
],
"application/pkix-cert": [
"cer"
],
"application/pkix-crl": [
"crl"
],
"application/pkix-pkipath": [
"pkipath"
],
"application/pkixcmp": [
"pki"
],
"application/pls+xml": [
"pls"
],
"application/postscript": [
"ai",
"eps",
"ps"
],
"application/prs.cww": [
"cww"
],
"application/pskc+xml": [
"pskcxml"
],
"application/rdf+xml": [
"rdf"
],
"application/reginfo+xml": [
"rif"
],
"application/relax-ng-compact-syntax": [
"rnc"
],
"application/resource-lists+xml": [
"rl"
],
"application/resource-lists-diff+xml": [
"rld"
],
"application/rls-services+xml": [
"rs"
],
"application/rpki-ghostbusters": [
"gbr"
],
"application/rpki-manifest": [
"mft"
],
"application/rpki-roa": [
"roa"
],
"application/rsd+xml": [
"rsd"
],
"application/rss+xml": [
"rss"
],
"application/rtf": [
"rtf"
],
"application/sbml+xml": [
"sbml"
],
"application/scvp-cv-request": [
"scq"
],
"application/scvp-cv-response": [
"scs"
],
"application/scvp-vp-request": [
"spq"
],
"application/scvp-vp-response": [
"spp"
],
"application/sdp": [
"sdp"
],
"application/set-payment-initiation": [
"setpay"
],
"application/set-registration-initiation": [
"setreg"
],
"application/shf+xml": [
"shf"
],
"application/smil+xml": [
"smi",
"smil"
],
"application/sparql-query": [
"rq"
],
"application/sparql-results+xml": [
"srx"
],
"application/srgs": [
"gram"
],
"application/srgs+xml": [
"grxml"
],
"application/sru+xml": [
"sru"
],
"application/ssdl+xml": [
"ssdl"
],
"application/ssml+xml": [
"ssml"
],
"application/tei+xml": [
"tei",
"teicorpus"
],
"application/thraud+xml": [
"tfi"
],
"application/timestamped-data": [
"tsd"
],
"application/vnd.3gpp.pic-bw-large": [
"plb"
],
"application/vnd.3gpp.pic-bw-small": [
"psb"
],
"application/vnd.3gpp.pic-bw-var": [
"pvb"
],
"application/vnd.3gpp2.tcap": [
"tcap"
],
"application/vnd.3m.post-it-notes": [
"pwn"
],
"application/vnd.accpac.simply.aso": [
"aso"
],
"application/vnd.accpac.simply.imp": [
"imp"
],
"application/vnd.acucobol": [
"acu"
],
"application/vnd.acucorp": [
"atc",
"acutc"
],
"application/vnd.adobe.air-application-installer-package+zip": [
"air"
],
"application/vnd.adobe.formscentral.fcdt": [
"fcdt"
],
"application/vnd.adobe.fxp": [
"fxp",
"fxpl"
],
"application/vnd.adobe.xdp+xml": [
"xdp"
],
"application/vnd.adobe.xfdf": [
"xfdf"
],
"application/vnd.ahead.space": [
"ahead"
],
"application/vnd.airzip.filesecure.azf": [
"azf"
],
"application/vnd.airzip.filesecure.azs": [
"azs"
],
"application/vnd.amazon.ebook": [
"azw"
],
"application/vnd.americandynamics.acc": [
"acc"
],
"application/vnd.amiga.ami": [
"ami"
],
"application/vnd.android.package-archive": [
"apk"
],
"application/vnd.anser-web-certificate-issue-initiation"
最低0.47元/天 解锁文章
478
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
