zoukankan      html  css  js  c++  java
  • 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"
      });
    

      

  • 相关阅读:
    运筹学 CheatSheet
    东南大学 2021 年夏季赛部分题解
    信号与系统期末复习精要
    信号量的基本同步模式
    OpenMP入门:求pi
    肉眼可见的 Z 变换性质
    操作系统概念 第7章 死锁
    操作系统概念 第10章 文件系统接口
    操作系统概念 第9章 虚拟内存
    操作系统概念 第8章 内存管理
  • 原文地址:https://www.cnblogs.com/taxun/p/13813268.html
Copyright © 2011-2022 走看看