专栏首页前端小叙vue给input file绑定函数获取当前上传的对象

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对象

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js 停止事件冒泡 阻止浏览器的默认行为

    在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 浏览器默认行为: 在form中按回车键就会提交表单;单击鼠标...

    蓓蕾心晴
  • 点击除元素以外的任意地方隐藏元素js

    比如想实现点击列表弹出筛选器,点击其他任意地方关闭筛选器,如图 ? 该筛选器class名 1 $(document).click(function () {...

    蓓蕾心晴
  • windows安装mongodb服务简洁版教程

    1.去mongodb官网下载电脑系统对应版本的软件,比如我的是windows 64位的,就选择64位的,可能下载下来之后文件夹上面显示的是win32,这个不用理...

    蓓蕾心晴
  • 巧用外部表避免大量的insert (r4笔记第71天)

    昨天开发咨询我一个问题,希望我对下面的语句进行调优。 语句类似下面的形式 SELECT subscriber_no FROM SUBSCRIBER S W...

    jeanron100
  • NATURE子刊:出生第一年的纵向EEG power能识别孤独症谱系障碍

    ASD(孤独症谱系障碍)的研究目的之一就是确定早期生物标志,以指导生理病理诊断。EEG捕捉到的脑电振荡被认为是ASD生理病理学的核心。来自哈佛医学院的Laure...

    用户1279583
  • 前端常用代码

    試毅-思伟
  • Python链表之两数之和

    【今日知图】 标记 某一块代码可能需要稍后处理 使用m增加一个标记,标记名称可以是a~z和A~Z之间的任意一个字母; 添加标记了的行如果被删除,标记同时被删除;...

    公众号guangcity
  • 前端基础-重构TodoList案例

    修改:<button @click.stop="removeTodo(key,val.id)" class="destroy"></button>

    cwl_java
  • PHP丨实现可判断类型限制大小的原生文件上传,图片上传等

    V站CEO-西顾
  • windows自定义快速启动(运行)命令

    自定义运行(windows键+R)里面命令,启动设置的程序,如图: ? 它的设置方法有两种: 第一种设置方法: 第1步:在任意地方创建一个文件夹(建议在D盘根目...

    Java中文社群_老王

扫码关注云+社区

领取腾讯云代金券