使用element-ui組件,用el-upload上傳圖片,上傳圖片後再次打開仍是會有原來的圖片,想要清空原來上傳的圖片,只須要在組件上綁定ref,在提交成功後的方法裏調用this.$refs.upload.clearFiles();就能夠清除原來上傳的文件。element-ui
示例:數組
<el-row> <el-upload ref='upload' //清空圖片數組的 class="upload-demo" drag :headers="headers" //請求頭 :action="action" //請求路徑 :onError="uploadError" //上傳失敗調用的方法 :onSuccess="uploadSuccess" //上傳成功調用的方法 multiple> <i class="el-icon-upload"></i> <div class="el-upload__text">將文件拖到此處,或<em>點擊上傳</em></div> <div class="el-upload__tip" slot="tip">只能上傳jpg/png文件,且不超過500kb</div> </el-upload> </el-row> ... //執行 this.$refs.upload.clearFiles();