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 相关文章推荐
070823更新的一个[消息提示框]组件 兼容ie7
Aug 29 Javascript
jQuery Validation实例代码 让验证变得如此容易
Oct 18 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
详解VUE中v-bind的基本用法
Jul 13 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
Feb 09 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 13 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编程与应用
2006/10/09 PHP
discuz安全提问算法
2007/06/06 PHP
自己写了一个php检测文件编码的函数
2014/04/21 PHP
php内嵌函数用法实例
2015/03/20 PHP
教你php如何实现验证码
2016/01/20 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
PHP安装BCMath扩展的方法
2019/02/13 PHP
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
Javascript之String对象详解
2016/06/08 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
js基本算法:冒泡排序,二分查找的简单实例
2016/10/08 Javascript
学习vue.js计算属性
2016/12/03 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
JS中将多个逗号替换为一个逗号的实现代码
2017/06/23 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
2018/02/22 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
jQuery动态生成的元素绑定事件操作实例分析
2019/05/04 jQuery
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
[02:49]2014DOTA2电竞也是体育项目! 势要把荣誉带回中国!
2014/07/20 DOTA
Python的Django框架中模板碎片缓存简介
2015/07/24 Python
Python实现的选择排序算法示例
2017/11/29 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
python发送邮件脚本
2018/05/22 Python
python给图像加上mask,并提取mask区域实例
2020/01/19 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
房屋租赁合同补充协议
2014/10/11 职场文书
材料员岗位职责
2015/02/10 职场文书
基层工作经历证明
2015/06/19 职场文书
2016应届毕业生自荐信范文
2016/01/28 职场文书