vue给input file绑定函数获取当前上传的对象完美实现方法
2017-12-15 16:38
796 查看
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绑定函数获取当前上传的对象完美实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- vue给input file绑定函数获取当前上传的对象
- Js 获取当前函数参数对象的实现代码
- input标签上传图片到后端前用H5的FileReader 方法实现图片的显示
- ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
- 简单获取input file 选中的图片,并在一个div的img里面赋值src实现预览图片(可实现多张图片上传和预览移除)
- 利用Hadoop的FileSystem create方法获取 FSDataOutputStream 实现文件的上传
- Bootstrap的fileinput插件实现多文件上传的方法
- JS获取input[file]的值并显示在页面的实现方法
- WPF 调用OpenFileDialog对象,实现获取文件上传路劲
- 利用Hadoop的FileSystem create方法获取 FSDataOutputStream 实现文件的上传
- vue组件传递对象中实现单向绑定的方法
- ajax+ashx 完美实现input file上传文件
- vue中使用input[type="file"]实现文件上传功能
- ajax利用html5新特性带进度条上传文件 html5的FormData对象和input的file属性以及window.URL.createObjectURL( ) 方法
- ajax+ashx 完美实现input file上传文件
- Bootstrap的fileinput插件实现多文件上传的方法
- HTML使用FileReader对象的readAsDataURL()方法实现图片的上传预览效果
- Angular2里获取(input file)上传文件的内容的方法
- PHP使用finfo_file()函数检测上传图片类型的实现方法
- FormView 编辑模式 DataBind 事件中如何获取当前绑定的数据对象