检查多个上载框的文件扩展名

// 获取所有上传框的文件
const fileInputs = document.querySelectorAll('input[type="file"]');

// 定义允许上传的文件扩展名
const allowedExtensions = ['.jpg', '.png', '.gif'];

// 遍历每个上传框
fileInputs.forEach(input => {
  // 监听文件选择事件
  input.addEventListener('change', () => {
    // 获取所选择的文件
    const files = input.files;

    // 遍历每个文件
    for (let i = 0; i < files.length; i++) {
      // 获取文件的扩展名
      const extension = files[i].name.split('.').pop().toLowerCase();

      // 检查文件扩展名是否在允许的列表中
      if (!allowedExtensions.includes('.' + extension)) {
        alert('只允许上传 ' + allowedExtensions.join(', ') + ' 类型的文件');
        // 清空文件输入框的内容
        input.value = '';
        return;
      }
    }
  });
});