Antd Upload 上传文件的使用_antd 文件上传

 1.组件使用

  <Upload {...goodProps}>
        <Button icon={<UploadOutlined />}>点击上传</Button>
  </Upload>

2.上传过程

  // 货物文件上传
    const goodProps = {
        name: "file", //上传名字
        action: basicIp + "/sys-file/upload", // 上传地址
        method: "put", // 上传方法
        maxCount: 100, // 页面显示最多条数
        headers: {
            token: sessionStorage.getItem("token"), // 请求头
            checkType: 'ck-token-auth'
        },
        onChange(info) { // 上传/删除的过程函数
            if (info.file.status !== "uploading") { // 正在上传
                console.log(info.file, info.fileList);
                setGoodsFileId(info.fileList); // 保存文件id
            }
            if (info.file.status === "done") { // 上传完成
                message.success(`${info.file.name} file uploaded successfully`);
            } else if (info.file.status === "error") { // 上传失败
                message.error(`${info.file.name} file upload failed.`);
            }
        },
    };