Upload 文件上传

限制上传文件的大小

在组件Upload中有一个beforeUpload的，是文件上传之前的钩子函数，我们需要在这个API中做限制

import React from 'react';
import { Upload } from 'antd';
import { InboxOutlined } from '@ant-design/icons/lib';
 
const index: React.FC = () => {
 
  //检查文件大小
  const checkFileSize = (file: any) => {
    return file.size / 1024 / 1024 < 2;
    //不超过2M
  };
 
  return (
    <Upload.Dragger
	  method="post"
	  accept="*"
	  name="调用接口的参数名称"
	  action={'需要调用上传文件的接口地址'}
	  beforeUpload={checkFileSize}
	>
	  <p className="ant-upload-drag-icon">
	    <InboxOutlined />
	  </p>
	  <p className="ant-upload-text">点击或者拖拽来提交文件</p>
	  <p>附件大小不超过2M</p>
	  <p className="ant-upload-hint">支持单次或者批量上传</p>
	</Upload.Dragger>
  );
};
 
export default index;