Vue Antd Upload是一款基于Vue.js和Ant Design的文件上傳組件。它提供了簡單易用的上傳功能，支持多種文件類型和大小限制，支持文件預覽和刪除等功能。

使用Vue Antd Upload非常簡單，只需在Vue文件中引入組件，然后設置相應的屬性即可。具體代碼如下：

// 引入上傳組件
import { Upload } from 'ant-design-vue'
export default {
components: {
Upload
},
data() {
return {
// 上傳的文件列表
fileList: [],
// 上傳的文件類型
accept: 'image/*',
// 上傳的文件大小限制
maxSize: 1024 * 1024
}
},
methods: {
// 上傳文件前的校驗
beforeUpload(file) {
const isLt1M = file.size / 1024 / 1024< 1
if (!isLt1M) {
this.$message.error('上傳文件大小不能超過1MB')
}
return isLt1M
},
// 上傳文件成功后的回調
onSuccess(response, file) {
this.$message.success('上傳成功')
this.fileList.push({
uid: file.uid,
name: file.name,
url: response.url
})
},
// 刪除文件
onRemove(file) {
this.fileList.splice(this.fileList.indexOf(file), 1)
}
},
render() {
return (上傳文件)
}
}

在上面的代碼中，我們定義了一個文件上傳組件，并設置了上傳的文件列表、文件類型和大小限制。在上傳文件前，會執行一個校驗函數beforeUpload，判斷文件大小是否超過限制。上傳成功后，會執行一個回調函數onSuccess，并將上傳的文件信息存儲到fileList中。如果需要刪除文件，可以在onRemove方法中實現。

總的來說，Vue Antd Upload是一個非常實用的文件上傳組件，能夠幫助我們快速實現文件上傳的功能。如果你需要在Vue項目中使用文件上傳，不妨試試Vue Antd Upload。