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 select动态加载选择(兼容各种浏览器)
Feb 01 Javascript
js特殊字符转义介绍
Nov 05 Javascript
Jquery 实现grid绑定模板
Jan 28 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
浅谈js的异步执行
Oct 18 Javascript
JQuery和PHP结合实现动态进度条上传显示
Nov 23 Javascript
js实现符合国情的日期插件详解
Jan 19 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
vue v-model动态生成详解
Jun 30 Javascript
Bootstrap模态对话框中显示动态内容的方法
Aug 10 Javascript
javascript前端和后台进行数据交互方法示例
Aug 07 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
PHP Token(令牌)设计
2008/03/15 PHP
PHP无刷新上传文件实现代码
2011/09/19 PHP
PHP写的求多项式导数的函数代码
2012/07/04 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
PHP封装的分页类与简单用法示例
2019/02/25 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
js 判断控件获得焦点的示例代码
2014/03/04 Javascript
JavaScript中windows.open()、windows.close()方法详解
2016/07/28 Javascript
jQuery基本选择器之标签名选择器
2016/09/03 Javascript
bootstrap导航、选项卡实现代码
2016/12/28 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
python自动安装pip
2014/04/24 Python
python自动化测试之setUp与tearDown实例
2014/09/28 Python
Python3.2中Print函数用法实例详解
2015/05/19 Python
python实现在windows服务中新建进程的方法
2015/06/30 Python
Python数据结构之翻转链表
2017/02/25 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
python opencv 实现对图像边缘扩充
2020/01/19 Python
一文弄懂Pytorch的DataLoader, DataSet, Sampler之间的关系
2020/07/03 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
建筑专业自荐信
2013/10/18 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
小学老师寄语大全
2014/04/04 职场文书
电视节目策划方案
2014/05/16 职场文书
党的群众路线教育实践活动对照检查材料(个人)
2014/09/24 职场文书
结婚老公保证书
2015/02/26 职场文书
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python