js判断表单上上传的附件必须大于等于2个,且格式不能相同,必须一个是pdf一个是非pdf,或者两个都非pdf文件
时间: 2023-11-09 19:42:23 浏览: 118
js 上传文件校验文件类型和大小
3星 · 编辑精心推荐
你可以使用JavaScript来实现对表单上传附件的判断。下面是一个简单的示例代码,可以满足你的要求:
```javascript
// 获取文件上传表单元素
var fileInput = document.getElementById('fileInput');
// 监听文件上传事件
fileInput.addEventListener('change', function() {
// 获取上传的文件列表
var files = fileInput.files;
// 判断文件数量是否大于等于2
if (files.length >= 2) {
// 定义变量用于记录文件格式
var pdfCount = 0;
var nonPdfCount = 0;
var formats = [];
// 遍历文件列表
for (var i = 0; i < files.length; i++) {
var file = files[i];
var format = file.name.split('.').pop().toLowerCase();
// 判断文件格式是否已经存在
if (formats.includes(format)) {
alert('文件格式不能相同!');
return;
}
// 统计pdf和非pdf文件数量
if (format === 'pdf') {
pdfCount++;
} else {
nonPdfCount++;
}
// 将文件格式添加到数组中
formats.push(format);
}
// 判断文件数量是否满足要求
if (pdfCount === 1 && nonPdfCount === 1) {
alert('上传成功!');
} else {
alert('必须一个是pdf文件,一个是非pdf文件!');
}
} else {
alert('上传的文件数量必须大于等于2!');
}
});
```
以上代码假设你的文件上传表单元素的id为`fileInput`,你可以根据实际情况修改代码。当用户选择上传的文件数量大于等于2个,并且有一个是pdf文件,一个是非pdf文件时,弹出"上传成功!"的提示;否则会根据不满足的条件弹出相应的提示信息。
这只是一个简单的示例,实际项目中你可能需要根据具体需求进行更复杂的验证和处理。
阅读全文