js判断判断上传文件的类型是否为图片

码农键盘上的梦

已于 2023-08-10 10:07:00 修改

阅读量1.5k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html

于 2023-08-07 16:04:00 首次发布

本文链接：https://blog.csdn.net/qq_44848480/article/details/132148410

版权

41 篇文章 5 订阅

订阅专栏

可以使用JavaScript的File对象的type属性来判断文件的类型是否为图片。下面是一个简单的示例代码：

function isImage(file) {
  return file.type.startsWith('image/');
}

在这个函数中，我们使用了File对象的type属性获取文件的类型。然后，使用startsWith方法判断类型是否以’image/'开头，如果是，则表示文件类型为图片，返回true；否则，表示文件类型不是图片，返回false。

可以在需要判断文件类型的地方调用这个函数，传入需要判断的文件对象，来进行判断。例如：

const inputFile = document.getElementById('myFileInput');
const file = inputFile.files[0];
console.log(isImage(file)); // 输出 true 或 false

上面的代码中，首先通过getElementById获取到一个file input元素，然后获取用户选择的文件对象，假设它是第一个文件，然后调用isImage函数来判断文件类型是否为图片，并将结果输出到控制台。

关注