element-ui 上傳圖片 後清空 圖片 顯示

使用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(); 
相關文章
相關標籤/搜索