js如何判断 input文件上传的类型

在 JavaScript 中，可以通过文件的后缀名或 MIME 类型来判断上传文件的类型。以下是两种判断方式的示例代码：

判断文件后缀名：

// 获取上传文件的文件名
var fileName = document.getElementById('fileInput').value;

// 获取文件后缀名
var fileExtension = fileName.split('.').pop();

// 判断文件类型
if(fileExtension === 'jpg' || fileExtension === 'jpeg' || fileExtension === 'png') {
    // 文件类型是图片类型
} else if(fileExtension === 'doc' || fileExtension === 'docx' || fileExtension === 'pdf') {
    // 文件类型是文档类型
} else {
    // 文件类型不支持上传
}

判断文件 MIME 类型：

// 获取上传文件对象
var file = document.getElementById('fileInput').files[0];

// 获取文件 MIME 类型
var fileType = file.type;

// 判断文件类型
if(fileType === 'image/jpeg' || fileType === 'image/png') {
    // 文件类型是图片类型
} else if(fileType === 'application/msword' || fileType === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' || fileType === 'application/pdf') {
    // 文件类型是文档类型
} else {
    // 文件类型不支持上传
}

注意：文件的 MIME 类型可能会因操作系统、浏览器等多种因素而不同。因此，建议在判断文件类型时同时使用文件后缀名和 MIME 类型，以提高判断的准确性。