vue给input file绑定函数获取当前上传的对象

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

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

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

更多专业前端知识，请上【猿2048】www.mk2048.com

vue给input file绑定函数获取当前上传的对象相关推荐

HTML5 原生API input file 来实现多图上传，并大图预览
闲来无事,突然想用原生来实现图片的多图上传. 一.效果图大致如下: 1.上传时可以选择多图 2.上传之后缩略图下过图如下: 3.点击缩略图,大图展示当前所点击的图片,并可以左右滑动查看其它的缩略图对应 ...
Bootstrap File Input，最好用的文件上传组件
本篇介绍如何使用 Bootstrap File Input(最好用的文件上传组件)来进行图片的展示.上传,以及如何在服务器端进行文件保存. 一.先来看效果图吧二.引入插件的样式和脚本 <lin ...
vue 富文本 quill 编辑器，实现图片上传到服务器，以及实时字数统计
vue 富文本 quill 编辑器,实现图片上传到服务器,以及实时字数统计写在前面 vue 富文本 quill / vue-quill-editor 如何使用图片上传到服务器实时字数统计图片编 ...
input隐藏域和layui图片上传问题
input隐藏域和layui图片上传问题 layui上传图片时需要Button和url,表单也需要button和url,所以很多博客上写需要用js图片src进行一个操作,然后再调用js实现把图片的sr ...
uni-app uni-file-picker文件上传实现拍摄从相册选择获取图片上传文档服务器（H5上传-微信小程序上传）
前言最近在使用uni-app写H5移动端,有一个从手机拍摄从相册选择获取图片上传到文档服务器功能. 查阅uni-app发现关于上传图片,uni-file-picker文件上传,uni.chooseI ...
vue+el-upload组件封装（图片，文件上传至oss阿里云）
1.安装ali-oss npm install ali-oss --save 2.oss方法封装新建utils/ali-oss-upload.js文件(代码如下) const OSS = requi ...
基于ruoyi+vue+elementUI实现列表，新增，附件上传，tab+springBoot+mybatis+oracle序列+批量新增
基于ruoyi+vue+elementUI实现列表,新增,附件上传,tab+springBoot+mybatis+oracle序列+批量新增页面效果列表页面新增页面详情页面代码实现列表+新 ...
Vue项目中遇到了大文件分片上传的问题
Vue项目中遇到了大文件分片上传的问题,之前用过webuploader,索性就把Vue2.0与webuploader结合起来使用,封装了一个vue的上传组件,使用起来也比较舒爽. 上传就上传吧,为什么 ...
普通的PHP上传到云函数,php封装上传函数代码示例
php封装上传函数代码示例发布时间:2020-05-14 17:16:12 来源:亿速云阅读:184 作者:Leah 今天小编就为大家带来一篇有关php封装上传函数的文章.小编觉得挺实用的,为此分 ...

vue给input file绑定函数获取当前上传的对象

vue给input file绑定函数获取当前上传的对象相关推荐

最新文章

热门文章