dvaweb v4.0.3

dva web 版

引入即可使用

import { NFile } from "@/models/file";
import { UploadOutlined } from "@ant-design/icons";
import { Button, Form, Upload, message } from "antd";
import { effect } from "dvaweb";
import { memo } from "react";

const fileUpload = memo(() => {
  const beforeUpload = async (file: File) => {
    if (
      file.name.lastIndexOf(".xlsx") == -1 ||
      file.name.lastIndexOf(".xls") == -1
    ) {
      message.error("禁止上传xlsx和xls以外文件");
      return Upload.LIST_IGNORE;
    }
  };

  const customRequest = (options: any) => {
    const { file, onProgress, onSuccess, onError } = options;
    effect(NFile.Name, NFile.EUploadBody, {
      file,
      onProgress,
      onSuccess,
      onError,
    });
  };

  const normFile = (e: any) => {
    if (Array.isArray(e)) {
      return e;
    }
    return e?.fileList;
  };

  return (
    <Form.Item
      label="文件"
      valuePropName="fileList"
      getValueFromEvent={normFile}
      name={"fileUrl"}
      rules={[{ required: true, message: "请上传门店文件" }]}
    >
      <Upload
        accept={"application/*"}
        beforeUpload={beforeUpload}
        maxCount={1}
        customRequest={(options) => {
          customRequest(options);
        }}
      >
        <Button icon={<UploadOutlined />}>点击上传</Button>
      </Upload>
    </Form.Item>
  );
});

export default fileUpload;