前端文件上传限制

ant 可以在上传之前拦截判断 beforeUpload

永远不要相信来自前端的输入。

对于前端而言，在上传前，得到的 files 属性是个数组，可以遍历过滤掉。

对于前端，可以在上传之前再次校验文件属性，对于后端，可以通过文件头检验文件类型，前端用于优化体验降低错误请求，后端则是最后把关，尤其后端至关重要，楼上说得对，永远不要相信来自前端的输入。

也不排除 将 pdf 扩展名改成 jpg

 inputFile = document.querySelectorAll('input[type="file"]');
// 当文件被选中时进行检查
inputFile.addEventListener('change', function() {
  // 获取文件列表
  const files = this.files;

  if (files.length > 0) {
    // 获取文件的MIME类型
    const fileType = files[0].type;


    // 检查文件类型是否是你想要的类型
    if (fileType === 'image/jpeg' || fileType === 'image/png') {
      console.log('文件类型正确',fileType,files[0]);
      // 文件类型符合要求的处理逻辑
    } else {
      console.log('不支持的文件类型',fileType);
      // 文件类型不符合要求的处理逻辑
    }
  }
});

不清楚是否准确，懂点代码，但不是前端

PS: 根据文件前面 4 字节编码判断的文件类型才准确。不知道 js 是否可以实现

前端能做的只是提高伪造门槛，彻底防御还得是后端重绘。