2021-12-07
window.URL.createObjectURL 可以用於在瀏覽器上預覽本地圖片或者視訊
customRequest 通過覆蓋預設的上傳行為，可以自定義自己的上傳實現

<template>
<div style="margin: 24px">
<a-upload
:file-list="fileList"
:customRequest="customRequest"
list-type="picture"
>
<a-button> <a-icon type="upload" /> upload </a-button>
</a-upload>
</div>
</template>

<script>
export 
 
default {
name: "App",
data() {
return {
fileList: [],
};
},
methods: {
customRequest(obj) {
let rep = {
uid: obj.file.uid,
name: obj.file.name,
status: "done",
url: window.URL.createObjectURL(obj.file),
thumbUrl: window.URL.createObjectURL(obj.file),
};
this.fileList.push(rep);
// obj.onProgress({ percent: 100 });
 

// obj.onSuccess(window.URL.createObjectURL(obj.file), obj.file);
console.log(obj.file, window.URL.createObjectURL(obj.file), "pbj");
},
},
};
</script>

非原創，傳送門：https://blog.csdn.net/weixin_43597026/article/details/109626883