html5判断⽂件类型，常见⽂件的minetype类型及获取⽅法前⾯提到Kangle 服务器添加 mine type ⽂件类型，但是⽹上给出的⽂件类型难免没有那我全⾯，往往我们正需要的⽹上却没有。
下⾯介绍⼀个简单的 mine type ⽂件类型的获取⽅式 ，利⽤ JS 获取⽂件的类型：
⾸先我们写⼀个 input 的⽂件上传按钮，HTML：
然后利⽤ JS 获取到该按钮，监听他的 onchange 事件，打印出⽂件的 mine type ⽂件类型：
var input = ElementById("input")
console.log(`File type is "${e.target.files[0].type}"`);
}
这样就能在控制台打印出所选⽂件的 mine type ⽂件类型了：
为了更直观的表现，可以直接打印在前台页⾯，下⾯是优化全部代码：
File type is ：
var input = ElementById("input")
var mineType = ElementById("mineType")
console.log(`File type is "${e.target.files[0].type}"`);
mineType.innerHTML = '"'+e.target.files[0].type+'"';
}
效果如下：
常见的 mine type ⽂件类型：
MIME typeFile extensionsapplication/vnd.openxmlformats-officedocument.wordprocessingml.documentdocx
application/msworddoc
application/pdfpdf
application/rtfrtf
application/vnd.ms-excelxls
application/vnd.ms-powerpointpptsvg的类型有几种
application/x-rar-compressedrar
application/x-shockwave-flashswf
application/zipzip
audio/midimid midi kar audio/mpegmp3
audio/oggogg
audio/x-m4am4a
audio/x-realaudiora
image/gifgif
image/jpegjpeg jpg
image/pngpng
image/tifftif tiff
image/vnd.wap.wbmpwbmp image/x-iconico
image/x-jngjng
image/x-ms-bmpbmp image/svg+xmlsvg svgz image/webpwebp
text/csscss
text/htmlhtml htm shtml text/plaintxt
text/xmlxml
video/3gpp3gpp 3gp
video/mp4mp4
video/mpegmpeg mpg video/quicktimemov
video/webmwebm
video/x-flvflv
video/x-m4vm4v
video/x-ms-wmvwmv
video/x-msvideoavi
参考⽂献：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。