ant-design-vue/components/vc-upload/demo/beforeUpload.jsx

47 lines
994 B
Vue

import Upload from '../index';
export default {
render() {
const uploaderProps = {
props: {
action: '//jsonplaceholder.typicode.com/posts/',
multiple: true,
beforeUpload(file, fileList) {
console.log(file, fileList);
return new Promise(resolve => {
console.log('start check');
setTimeout(() => {
console.log('check finshed');
resolve(file);
}, 3000);
});
},
},
on: {
start(file) {
console.log('start', file, file.name);
},
success(file) {
console.log('success', file);
},
error(err) {
console.log('error', err);
},
},
};
return (
<div
style={{
margin: '100px',
}}
>
<div>
<Upload {...uploaderProps}>
<a>开始上传</a>
</Upload>
</div>
</div>
);
},
};