Javascript 如何为Ant design vue编写上传组件的customRequest
我已经尝试过了,但它对ant design vue不起作用。有人能写一个例子吗?这是HTML组件: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: .
<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
}
}