js判断上传文件的类型
时间: 2023-09-20 22:07:09 浏览: 102
js 实现 判断上传文件的类型
4星 · 用户满意度95%
你可以使用JavaScript的File API来判断上传文件的类型。具体做法是:
1. 获取上传的文件对象,例如:
```
var file = document.getElementById("fileInput").files[0];
```
2. 使用FileReader对象读取文件内容,例如:
```
var reader = new FileReader();
reader.readAsArrayBuffer(file);
```
3. 在读取完成后,使用File对象的type属性获取文件类型,例如:
```
reader.onloadend = function() {
var arr = (new Uint8Array(reader.result)).subarray(0, 4);
var header = "";
for(var i = 0; i < arr.length; i++) {
header += arr[i].toString(16);
}
switch(header) {
case "89504e47":
console.log("png");
break;
case "47494638":
console.log("gif");
break;
case "ffd8ffe0":
case "ffd8ffe1":
case "ffd8ffe2":
console.log("jpg");
break;
default:
console.log("unknown");
break;
}
};
```
在上述代码中,我们读取文件的前4个字节,并将其转换为16进制字符串。然后根据不同的文件类型,判断文件的类型并输出结果。
阅读全文