• element-ui 上传图片 后清空 图片 显示


    使用element-ui组件,用el-upload上传图片,上传图片后再次打开还是会有原来的图片,想要清空原来上传的图片,只需要在组件上绑定ref,在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。

    示例:

    <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(); 
  • 相关阅读:
    各种有趣言论收集
    人类未来进化方向恶考
    mysql 列所有表行数
    恩,有那么一个人
    00后厉害哇
    。。。。
    放弃微博,继续回来写月经
    嘿,大家还好吗
    git
    require js
  • 原文地址:https://www.cnblogs.com/yysbolg/p/11095812.html
Copyright © 2020-2023  润新知