js判断 上传文件类型必须是图片格式的
时间: 2023-12-14 15:03:58 浏览: 89
js 实现 判断上传文件的类型
4星 · 用户满意度95%
可以使用HTML5中的File API来实现判断上传文件类型是否为图片格式的需求。具体代码如下:
```javascript
function checkFileType(file) {
const imgTypes = ['image/jpeg', 'image/png', 'image/gif'];
return imgTypes.includes(file.type);
}
const fileInput = document.getElementById('file-input');
fileInput.addEventListener('change', (event) => {
const files = event.target.files;
for (const file of files) {
if (!checkFileType(file)) {
alert('请上传图片文件');
// 清空文件输入框的内容
fileInput.value = '';
return;
}
// 其他操作
}
});
```
上面的代码首先定义了一个`checkFileType`函数,该函数接收一个文件对象作为参数,然后判断文件的类型是否为图片类型,如果是则返回`true`,否则返回`false`。
然后在文件输入框的`change`事件中,遍历选中的文件,检查每个文件的类型是否为图片类型,如果有任何一个文件的类型不是图片类型,则弹出提示框,并清空文件输入框的内容。如果全部文件的类型都是图片类型,则可以执行其他操作。
阅读全文