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 相关文章推荐
Jquery实现带动画效果的经典二级导航菜单
Mar 22 Javascript
javascript中简单的进制转换代码实例
Oct 26 Javascript
jquery插件开发之实现md5插件
Mar 17 Javascript
jQuery 和 CSS 的文本特效插件集锦
Dec 12 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
Aug 05 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
Bootstrap企业网站实战项目4
Oct 14 Javascript
微信小程序-获得用户输入内容
Feb 13 Javascript
VueJS事件处理器v-on的使用方法
Sep 27 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
Dec 03 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
Jun 26 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
Jul 14 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
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
php设计模式之简单工厂模式详解
2014/09/04 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
JavaScript this 深入理解
2009/07/30 Javascript
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
js操作textarea方法集合封装(兼容IE,firefox)
2011/02/22 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
2014/01/13 Javascript
基于javascript制作微信聊天面板
2020/08/09 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
JS设计模式之状态模式概念与用法分析
2018/02/05 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
vue cli构建的项目中请求代理与项目打包问题
2018/02/26 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
js回调函数仿360开机
2019/12/26 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
2020/11/06 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
TensorBoard 计算图的查看方式
2020/02/15 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
医院护士求职自荐信格式
2013/09/21 职场文书
校园环保建议书
2014/05/14 职场文书
查摆问题整改措施
2014/10/24 职场文书
酒店圣诞节活动总结
2015/05/06 职场文书
春节慰问简报
2015/07/21 职场文书
周末问候语大全
2015/11/10 职场文书
CSS font-variation 可变字体的魅力(实例详解)
2022/03/03 HTML / CSS