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下checked取值问题的解决方法
Aug 09 Javascript
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
JavaScript的arguments对象应用示例
Sep 15 Javascript
js调试工具Console命令详解
Oct 21 Javascript
jquery实现搜索框常见效果的方法
Jan 22 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
javascript实现检验的各种规则
Jul 31 Javascript
javascript断点调试心得分享
Apr 23 Javascript
JS弹出窗口插件zDialog简单用法示例
Jun 12 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
Mar 23 Javascript
使用NestJS开发Node.js应用的方法
Dec 03 Javascript
深入理解vue-class-component源码阅读
Feb 18 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
php5 non-thread-safe和thread-safe这两个版本的区别分析
2010/03/13 PHP
PHP中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
Thinkphp结合ajaxFileUpload实现异步图片传输示例
2017/03/13 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
2013/09/29 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
JavaScript支持的最大递归调用次数分析
2014/06/24 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
jQuery下拉美化搜索表单效果代码分享
2015/08/25 Javascript
jQuery表格的维护和删除操作
2017/02/03 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
搭建element-ui的Vue前端工程操作实例
2018/02/23 Javascript
JavaScript引用类型Object常见用法实例分析
2018/08/08 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
2018/08/27 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
Vue表单控件绑定图文详解
2019/02/11 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
vue基于v-charts封装双向条形图的实现代码
2019/12/09 Javascript
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
Python 类与元类的深度挖掘 I【经验】
2016/05/06 Python
python并发编程之多进程、多线程、异步和协程详解
2016/10/28 Python
python @classmethod 的使用场合详解
2019/08/23 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
win10子系统python开发环境准备及kenlm和nltk的使用教程
2019/10/14 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
工地安全生产标语
2014/06/06 职场文书
会计师事务所实习证明
2014/11/16 职场文书
单位婚育证明范本
2014/11/21 职场文书
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers