You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/vc-upload/demo/drag.jsx

37 lines
917 B

import Upload from '../index'
export default {
render () {
const uploaderProps = {
props: {
action: '//jsonplaceholder.typicode.com/posts/',
type: 'drag',
accept: '.png',
beforeUpload (file) {
console.log('beforeUpload', file.name)
},
openFileDialogOnClick: false,
},
on: {
start (file) {
console.log('start', file, file.name)
},
success (file) {
console.log('success', file)
},
progress (step, file) {
console.log('progress', Math.round(step.percent), file.name)
},
error (err) {
console.log('error', err)
},
click () {
alert('click')
},
},
style: { display: 'inline-block', width: '200px', height: '200px', background: '#eee' },
}
return <Upload {...uploaderProps}></Upload>
},
}