Bootstrap

react使用antd组件完成文件上传

  const uploadProps = {
    name: 'file',
    action: '/inspection-engine-parse/api/v1.0/sample/upload',//参数地址  详见antd中上传组件参数
    data:{name:'上传文件名'},//参数名  详见antd中上传组件参数
    accept: '.xls,.xlsx,.csv,.zip',//上传文件限制
    multiple: false,
    disabled: uploading !== 'uploading' ? false : true,
    onChange(info) {
      setProgressBar(info.fileList[0].percent.toFixed(2))
      const { status, response } = info.file;
      setUploading('uploading');
      if (status === 'done') {//这个判断是监控上传状态
        console.log('upload done', response)
        if (response.resultCode === '0') { //示其借口返回 示情况选择判断字段验证
           message.success(`上传成功!`)
          // setUploading('done');
          // setFileId(response.data);
          // getDictionary();
        } else {
          message.error(response.resultMsg);
          // setUploading('error');
        }

      } else if (status === 'error') {
        setUploading('error');
      }
    },
    showUploadList: false,
  };
import { Upload } from 'antd';
const { Dragger } = Upload;

<Upload {...uploadProps} >
    <Button type="primary">上传2</Button>
</Upload>

;