ant design Upload组件上传文件类型

参考: https://blog.csdn.net/jyn15159/article/details/108833869

或 参考: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept

自己项目里面:

  const onChange = (info) => {
    // if (info.file.status !== 'uploading') {
    //   console.log(info.file, info.fileList);
    // }
    if (info.file.status === 'done') {
      message.success(`${info.file.response.message}` || `${info.file.name}文件导入成功`);
    } else if (info.file.status === 'error') {
      message.error(`${info.file.name}文件导入失败`);
    }
  };
  // const beforeUpload = (file) => {
  //   const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
  //   if (!isJpgOrPng) {
  //     message.error('只能上传Excle文件');
  //   }
  //   const isLt2M = file.size / 1024 / 1024 < 2;
  //   if (!isLt2M) {
  //     message.error('Image must smaller than 2MB!');
  //   }
  //   return isJpgOrPng && isLt2M;
  // };
  const [prop] = useState({
    name: 'file',
    showUploadList: false,
    // beforeUpload: beforeUpload,
    onChange: onChange,
    action: `/api/hotel/lock/room_code/import?hotel_group_id=${JSON.parse(sessionStorage.getItem('currentUser')).hotel_group_id}&hotel_id=${JSON.parse(sessionStorage.getItem('currentUser')).hotel_id}&modify_user=${JSON.parse(sessionStorage.getItem('currentUser')).id}`,
    headers: {
      authorization: 'authorization-text',
    },
    accept: "application/vnd.ms-excel" || "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
  });

  

原文地址:https://www.cnblogs.com/taxun/p/13813268.html