vue给input file绑定函数获取当前上传的对象完美实现方法


Posted in Javascript onDecember 15, 2017

HTML

<input type="file" @change="tirggerFile($event)">

JS(vue-methods)

tirggerFile : function (event) {
 var file = event.target.files; // (利用console.log输出看结构就知道如何处理档案资料)
 // do something...
}

如果直接在绑定的函数中传入this,则不能正确获取,且不能获取到相关的inputfile对象

PS:下面简单介绍下vue中如何用input file绑定img标签中的src

<img v-bind:src="lmodel">
<input v-model="lmodel" type="file">

ps: v-on:change="xxx", v-on="change:xxx".前者是现在的写法,印象中后者是被废弃的写法

总结

以上所述是小编给大家介绍的vue给input file绑定函数获取当前上传的对象完美实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js中将字符串转换成json的三种方式
Jan 12 Javascript
JavaScript电子时钟倒计时第二款
Jan 10 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
微信小程序入门教程
Nov 18 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
JS中IP地址与整数相互转换的实现代码
Apr 10 Javascript
详解如何制作并发布一个vue的组件的npm包
Nov 10 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
详解小程序云开发数据库
May 20 Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
Oct 28 Javascript
微信小程序左右滑动的实现代码
Dec 15 #Javascript
浅析JavaScript中的特殊数据类型
Dec 15 #Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
Dec 15 #Javascript
微信小程序使用request网络请求操作实例
Dec 15 #Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 #Javascript
Angular中管道操作符(|)的使用方法
Dec 15 #Javascript
浅谈Vue SPA 首屏加载优化实践
Dec 15 #Javascript
You might like
PHP关联链接常用代码
2012/11/05 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
PHP简单判断字符串是否包含另一个字符串的方法
2016/03/25 PHP
php实现基于openssl的加密解密方法
2016/09/30 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
jQuery中mouseover事件用法实例
2014/12/26 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
2016/06/14 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
JS实现超简单的汉字转拼音功能示例
2016/12/22 Javascript
微信小程序 css使用技巧总结
2017/01/09 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
Nuxt.js开启SSR渲染的教程详解
2018/11/30 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
Layui Form 自定义验证的实例代码
2019/09/14 Javascript
[03:26]回顾2015国际邀请赛中国区预选赛
2015/06/09 DOTA
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
[00:59]DOTA2背景故事第二期之四大基本法则
2020/07/07 DOTA
py中的目录与文件判别代码
2008/07/16 Python
python通过smpt发送邮件的方法
2015/04/30 Python
python使用htmllib分析网页内容的方法
2015/05/08 Python
Python内置模块turtle绘图详解
2017/12/09 Python
python logging日志模块以及多进程日志详解
2018/04/18 Python
Python lambda表达式用法实例分析
2018/12/25 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
简单了解python变量的作用域
2019/07/30 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
社区志愿者心得体会
2014/01/03 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
大学迎新生标语
2014/10/06 职场文书
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技