欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

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

时间:2021-07-03 08:25:39|栏目:vue|点击:

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.js Ajax动态参数与列表显示实现方法

栏    目:vue

下一篇:vue.js获取数据库数据实例代码

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

本文地址:http://www.codeinn.net/misctech/151709.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有