js模拟出input上传文件

最新推荐文章于 2024-07-12 15:49:20 发布

CQ凌云

最新推荐文章于 2024-07-12 15:49:20 发布

阅读量2.3k

点赞数 1

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/sumuyun/article/details/122195249

版权

这篇博客介绍了如何利用Vue.js和Element UI库，通过点击按钮实现图片上传，并将文件名显示在input输入框中。文章重点讨论了在处理按钮单击事件时this指向的问题和组件代码的实现。

摘要由CSDN通过智能技术生成

本篇基于eleui+vue
实现效果，点击右侧按钮上传图片，然后将文件名放入input，如下图：
在这里插入图片描述
按钮单击事件，其中需要注意this的指向性

selectFiles(){
   
    const _this=this;
    let fileType="image/*";//文件类型 TODO
    const input=document.createElement("input");
    input.setAttribute("type&#

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CQ凌云

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js模拟出input上传文件

let fileType="image/*";//文件类型var input=document.createElement("input");input.setAttribute("type","file");input.setAttribute("accept",fileType);input.setAttribute("name","fujian")input.click();input.onchange=function (){ console.info(this.files); }
复制链接

扫一扫