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 上传图片后清空图片显示的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

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