Javascript 如何为Ant design vue编写上传组件的customRequest

Javascript 如何为Ant design vue编写上传组件的customRequest,javascript,vue.js,antd,Javascript,Vue.js,Antd,我已经尝试过了,但它对ant design vue不起作用。有人能写一个例子吗?这是HTML组件: <a-upload-dragger name="file" :multiple="true" :customRequest="uploadfiles" @change="handleChange"> </a-upload-dragger> 文件具有这样的结构: name: "YourFileName.txt" lastModified: .

我已经尝试过了,但它对ant design vue不起作用。有人能写一个例子吗?

这是HTML组件:

<a-upload-dragger
    name="file"
    :multiple="true"
    :customRequest="uploadfiles"
    @change="handleChange">
</a-upload-dragger>
文件具有这样的结构:

name: "YourFileName.txt"
lastModified: ...
lastModifiedDate: ...
webkitRelativePath: ""
size: 24
type: "text/plain"
uid: "vc-upload-xxxxxx..."
您可以实现自己的上传功能

您可以处理文件上载进度的状态更改:

handleChange(info) {
    const status = info.file.status;
    if (status !== 'uploading') {
      // show update progress console.log(info.file, info.fileList);
    }
    if (status === 'done') {
      // show success message
    } else if (status === 'error') {
      // show error message
    }
}

这是HTML组件:

<a-upload-dragger
    name="file"
    :multiple="true"
    :customRequest="uploadfiles"
    @change="handleChange">
</a-upload-dragger>
文件具有这样的结构:

name: "YourFileName.txt"
lastModified: ...
lastModifiedDate: ...
webkitRelativePath: ""
size: 24
type: "text/plain"
uid: "vc-upload-xxxxxx..."
您可以实现自己的上传功能

您可以处理文件上载进度的状态更改:

handleChange(info) {
    const status = info.file.status;
    if (status !== 'uploading') {
      // show update progress console.log(info.file, info.fileList);
    }
    if (status === 'done') {
      // show success message
    } else if (status === 'error') {
      // show error message
    }
}