vue 清空input标签 中file的值操作


Posted in Javascript onJuly 21, 2020

template中:

<input type="file" ref="pathClear" @change="onUpload" name="file" id="file">

methods中:

onUpload(){
this.$refs. pathClear.value =''
},

补充知识:将input file的选择的文件清空的两种解决方案

上传文件时,选择了文件后想清空文件路径,搜索了一下,用两种方法解决

第一种

var obj = document.getElementById(‘fileupload') ;
obj.select();
document.selection.clear();

第二种

var obj = document.getElementById(‘fileupload') ;

obj.outerHTML=obj.outerHTML;

以上这篇vue 清空input标签 中file的值操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript中的prototype属性实例分析说明
Aug 09 Javascript
使用jQuery轻松实现Ajax的实例代码
Aug 16 Javascript
dwz 如何去掉ajaxloading具体代码
May 22 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
Mar 04 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
基于jQuery实现仿微博发布框字数提示
Jul 27 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 Javascript
JS仿Base.js实现的继承示例
Apr 07 Javascript
VueJs 将接口用webpack代理到本地的方法
Nov 27 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
JavaScript中CreateTextFile函数
Aug 30 Javascript
JavaScript使用setTimeout实现倒计时效果
Feb 19 Javascript
Vue-resource安装过程及使用方法解析
Jul 21 #Javascript
vue中destroyed方法的使用说明
Jul 21 #Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 #Javascript
vue 实现setInterval 创建和销毁实例
Jul 21 #Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 #Javascript
Vue清除定时器setInterval优化方案分享
Jul 21 #Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
Jul 21 #Javascript
You might like
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
php7基于递归实现删除空文件夹的方法示例
2017/06/15 PHP
json简单介绍
2008/06/10 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
2017/02/28 Javascript
jQuery ajax动态生成table功能示例
2017/06/14 jQuery
详解node nvm进行node多版本管理
2017/10/21 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
2019/03/19 jQuery
ES6 Map结构的应用实例分析
2019/06/26 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
Python open读写文件实现脚本
2008/09/06 Python
Python实现高效求解素数代码实例
2015/06/30 Python
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
python关闭占用端口方式
2019/12/17 Python
使用Django和Postgres进行全文搜索的实例代码
2020/02/13 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
高级运动鞋:GREATS
2019/07/19 全球购物
GC是什么?为什么要有GC?
2013/12/08 面试题
手术室护士自我鉴定
2013/10/14 职场文书
医药工作岗位求职信分享
2013/12/31 职场文书
高中毕业生登记表自我鉴定范文
2014/03/18 职场文书
负责人任命书范本
2014/06/04 职场文书
解放思想演讲稿
2014/09/11 职场文书
2014年乡镇卫生院工作总结
2014/11/24 职场文书
导师工作推荐信
2015/03/27 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python
实战Python爬虫爬取酷我音乐
2022/04/11 Python