File.type

概述

返回file对象的MIME类型,如果类型无法确定,返回null.

例子

// fileInput是一个HTML Input元素: <input type="file" multiple id="myfileinput">
var fileInput = document.getElementById("myfileinput");
// files是一个FileList对象(类似于NodeList,是多个file对象的集合)
var files = fileInput.files;
// 仅允许 *.png, *.jpeg *.gif 类型的图片文件
var allowedFileTypes = ["image/png", "image/jpeg", "image/gif"];

for (var i = 0; i < files.length; i++) {
    // 如果文件的文件类型属于allowFileTypes其中的一种
    if (allowdFileTypes.indexOf(files[i].mediaType) > -1) {
        // 对符合条件的文件进行处理
    }
}