HTML 上传文件类型判断:JavaScript 实用技巧
在 HTML 上传文件时,可以使用 JavaScript 进行文件类型判断。以下是一些方法:
- 使用 File API:使用 File API 可以读取文件的类型和属性。可以通过以下代码来检查文件类型:
var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];
var fileType = file.type;
if (fileType == 'image/jpeg' || fileType == 'image/png') {
// 文件类型正确
} else {
// 文件类型错误
}
- 利用文件名后缀名:通常文件的后缀名可以表明文件的类型,可以通过以下代码来检查文件类型:
var fileInput = document.getElementById('fileInput');
var fileName = fileInput.value;
if (fileName.endsWith('.jpg') || fileName.endsWith('.png')) {
// 文件类型正确
} else {
// 文件类型错误
}
- 后端判断:在上传文件时,可以在后端对文件类型进行判断,如果文件类型不正确则返回错误信息。
原文地址: https://www.cveoy.top/t/topic/mFC8 著作权归作者所有。请勿转载和采集!