前端实现判断上传文件类型非Excel电子表格类时报错
时间: 2023-09-21 19:08:18 浏览: 70
可以使用 JavaScript 中的 FileReader API 来读取上传的文件并判断文件类型。以下是一个示例代码:
```javascript
function handleFileSelect(evt) {
var files = evt.target.files; // 获取上传的文件列表
for (var i = 0, f; (f = files[i]); i++) {
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
// 判断文件类型是否为Excel电子表格类
if (theFile.type === "application/vnd.ms-excel" || theFile.type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") {
// 文件类型正确,执行相关操作
} else {
// 文件类型错误,提示用户上传正确的文件类型
alert("请上传Excel电子表格类文件!");
}
};
})(f);
reader.readAsDataURL(f);
}
}
document.getElementById("file").addEventListener("change", handleFileSelect, false);
```
在这个示例代码中,我们使用了 FileReader API 将上传的文件转换为 Data URL 格式并读取文件类型。如果文件类型为 Excel 电子表格类,则执行相关操作,否则提示用户上传正确的文件类型。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)