编程 Javascript

element-ui 上传图片后清空图片显示的实例

Posted in Javascript onSeptember 04, 2018

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

具体如下：

<el-upload
 ref='upload'
 class="upload-demo"
 action="https://jsonplaceholder.typicode.com/posts/"
 :on-change="handleChange"
 :file-list="fileList3">
 <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

this.$refs.upload.clearFiles();

以上这篇element-ui 上传图片后清空图片显示的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

element-ui 上传图片后清空图片显示的实例

- Author -

lx_1024

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery构造器的实现代码小结

May 16 Javascript

jquery实现网站超链接和图片提示效果

Mar 21 Javascript

JavaScript实现同步于本地时间的动态时间显示方法

Feb 02 Javascript

如何用js 实现依赖注入的思想，后端框架思想搬到前端来

Aug 03 Javascript

Easyui 之 Treegrid 笔记

Apr 29 Javascript

Angular 4.x 动态创建表单实例

Apr 25 Javascript

老生常谈js-react组件生命周期

May 02 Javascript

深入浅出理解JavaScript高级定时器原理与用法

Aug 02 Javascript

vue-cli3 配置开发与测试环境详解

May 17 Javascript

深入浅析JavaScript中的in关键字和for-in循环

Apr 20 Javascript

element-ui tree结构实现增删改自定义功能代码

Aug 31 Javascript

vue项目在安卓低版本机显示空白的原因分析(两种)

Sep 04 #Javascript

Angular使用cli生成自定义文件、组件的方法

Sep 04 #Javascript

vue2.0 使用element-ui里的upload组件实现图片预览效果方法

Sep 04 #Javascript

使用elementUI实现将图片上传到本地的示例

Sep 04 #Javascript

element UI upload组件上传附件格式限制方法

Sep 04 #Javascript

在AngularJs中设置请求头信息(headers)的方法及不同方法的比较

Sep 04 #Javascript

webpack 3.X学习之多页面打包的方法

Sep 04 #Javascript

You might like

POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)

2010/10/12 PHP

PHP实现提取一个图像文件并在浏览器上显示的代码

2012/10/06 PHP

使用PHP静态变量当缓存的方法

2013/11/13 PHP

Windows下的PHP安装文件线程安全和非线程安全的区别

2014/04/23 PHP

PHP常用工具类大全附全部代码下载

2015/12/07 PHP

学习PHP Cookie处理函数

2016/08/09 PHP

基于jQueryUI和Corethink实现百度的搜索提示功能

2016/11/09 PHP

jquery json 实例代码

2010/12/02 Javascript

js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS

2013/11/18 Javascript

JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

2016/12/27 Javascript

bootstrap weebox 支持ajax的模态弹出框

2017/02/23 Javascript

mui上拉加载功能实例详解

2017/04/13 Javascript

Iscrool下拉刷新功能实现方法(推荐)

2017/06/26 Javascript

javascript 跨域问题以及解决办法

2017/07/17 Javascript

完美实现js拖拽效果 return false用法详解

2017/07/28 Javascript

Node+OCR实现图像文字识别功能

2018/11/26 Javascript

配置eslint规范项目代码风格

2019/03/11 Javascript

node.js监听文件变化的实现方法

2019/04/17 Javascript

微信小程序上传图片到php服务器的方法

2019/05/23 Javascript

js实现淘宝浏览商品放大镜功能

2020/10/28 Javascript

nuxt.js添加环境变量,区分项目打包环境操作

2020/11/06 Javascript

Python实现按照指定要求逆序输出一个数字的方法

2018/04/19 Python

Python图像处理之简单画板实现方法示例

2018/08/30 Python

对python:threading.Thread类的使用方法详解

2019/01/31 Python

python3下载抖音视频的完整代码

2019/06/05 Python

Python3 翻转二叉树的实现

2019/09/30 Python

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

2019/11/19 Python

HTML5页面无缝闪开的问题及解决方案

2020/06/11 HTML / CSS

HTML5 canvas实现的静态循环滚动播放弹幕

2021/01/05 HTML / CSS

美国最大的珠宝首饰网上商城：Jewelry.com

2016/07/22 全球购物

世界经理人咨询有限公司面试

2014/09/23 面试题

转预备党员政审材料

2014/02/06 职场文书

学习焦裕禄精神践行三严三实心得体会

2014/10/13 职场文书

家长通知书家长意见

2014/12/30 职场文书

联谊活动总结范文

2015/05/09 职场文书

Python天气语音播报小助手

2021/09/25 Python