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事件写法实现代码
Jan 07 Javascript
ASP中Sub和Function的区别说明
Aug 30 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 Javascript
Svg.js实例教程及使用手册详解(一)
May 16 Javascript
概述一个页面从输入URL到页面加载完的过程
Dec 16 Javascript
javascript帧动画(实例讲解)
Sep 02 Javascript
vue移动端轻量级的轮播组件实现代码
Jul 12 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
Sep 13 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
Apr 04 Javascript
浅谈vuex为什么不建议在action中修改state
Feb 02 Javascript
js实现上传图片到服务器
Apr 11 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中转义mysql语句的实现代码
2011/06/24 PHP
php解决约瑟夫环示例
2014/04/09 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
jquery 仿QQ校友的DIV模拟窗口效果源码
2010/03/24 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
2014/03/19 Javascript
利用a标签自动解析URL分析网址实例
2014/10/20 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
jQuery Mobile操作HTML5的常用函数总结
2016/05/17 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
微信小程序登录态控制深入分析
2017/04/12 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
解决IE7中使用jQuery动态操作name问题
2017/08/28 jQuery
微信小程序实现城市列表选择
2018/06/05 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
Vue实现Header渐隐渐现效果的实例代码
2020/11/05 Javascript
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31
2020/11/02 DOTA
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
python中stdout输出不缓存的设置方法
2014/05/29 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
python time()的实例用法
2020/11/03 Python
html5+css3进度条倒计时动画特效代码【推荐】
2016/03/08 HTML / CSS
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
妇科医生自荐信
2013/11/05 职场文书
精神病医院见习报告
2014/11/03 职场文书
论文答谢词
2015/01/20 职场文书
劳资员岗位职责
2015/02/13 职场文书
承诺书范本大全
2015/05/04 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL