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中两种链式调用实现代码
Jan 12 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 Javascript
整理JavaScript创建对象的八种方法
Nov 03 Javascript
简单掌握JavaScript中const声明常量与变量的用法
May 21 Javascript
jQuery实现背景弹性滚动的导航效果
Jun 01 Javascript
js中document.referrer实现移动端返回上一页
Feb 22 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
Apr 28 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
小程序实现上下移动切换位置
Sep 23 Javascript
谈谈IntersectionObserver懒加载的具体使用
Oct 15 Javascript
js实现简单点赞操作
Mar 17 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
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
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
Joomla数据库操作之JFactory::getDBO用法
2016/05/05 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
Jquery上传插件 uploadify v3.1使用说明
2012/06/18 Javascript
javascript常用的方法整理
2015/08/20 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
2016/02/21 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
Python调用C++程序的方法详解
2017/01/24 Python
Python实现学校管理系统
2018/01/11 Python
python使用生成器实现可迭代对象
2018/03/20 Python
通过Python模块filecmp 对文件比较的实现方法
2018/06/29 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
Python PyCharm如何进行断点调试
2019/07/05 Python
django之自定义软删除Model的方法
2019/08/14 Python
利用HTML5中的Canvas绘制一张笑脸的教程
2015/05/07 HTML / CSS
程序员跳槽必看面试题总结
2013/06/28 面试题
仓库管理专业个人的自我评价
2013/12/30 职场文书
数控技术专科生自我评价
2014/01/08 职场文书
《我的第一本书》教学反思
2014/02/15 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
慰问信范文
2015/02/14 职场文书
西安事变观后感
2015/06/12 职场文书