antdesignvue upload vue3个人笔记待更新

remove

点击移除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除。

Function(file): boolean | Promise

无

beforeUpload

上传文件之前的钩子，参数为上传的文件，若返回 false 则停止上传。支持返回一个 Promise 对象，Promise 对象 reject 时则停止上传，resolve 时开始上传（ resolve 传入 File 或 Blob 对象则上传 resolve 传入对象）。注意：IE9 不支持该方法。

(file, fileList) => boolean | Promise

无

<a-upload multiple :remove="handleRemove" :beforeUpload="beforeUpload" :fileList="fileList">
  <a-button> 上传文件</a-button>
</a-upload>

    // 文件多选删除文件操作
    handleRemove(file: FileInfo) {
      const index = this.fileList.indexOf(file);
      const newFileList = this.fileList.slice();
      newFileList.splice(index, 1);
      this.fileList = newFileList;
    },
    
    beforeUpload(file: FileInfo) {
      this.fileList = [...this.fileList, file];
      return false;
    },