Vue 点击按钮触发 input file 选择文件

最新推荐文章于 2025-02-22 12:37:56 发布

Hzsilvana

最新推荐文章于 2025-02-22 12:37:56 发布

阅读量6.7k

点赞数 1

文章标签： vue.js javascript css3

原文链接：https://www.cnblogs.com/sxdjy/p/15178995.html

版权

Vue 文件上传 input file 事件触发文件处理

关键词由CSDN通过智能技术生成

<!--    上传-->
<input v-show="false" ref="fileRef" type="file" @change="fileChange">

<el-button @click="uploadFile"></el-button>

methods: {
    uploadFile() {
      this.$refs.fileRef.dispatchEvent(new MouseEvent('click'))
    },
    fileChange() {
    // 上传文件
    }
}

博客等级

码龄7年

70
原创

367
点赞

1291
收藏

190
粉丝

关注

私信

热门文章

最新评论

【uniapp框架错误】[ERROR] reportJSException ＞＞＞＞ exception function:createInstance, exception
一起搞IT吧: Hello, yHello, you can use AI tools such as deepseek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.Hello, you can use AI tools such as deepseek to try toHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseek to ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see. help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ou can use AI tools such as deepseek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.
【uniapp框架错误】[ERROR] reportJSException ＞＞＞＞ exception function:createInstance, exception
一起搞IT吧: Hello, you can use AI tools such as deepseek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.Hello, you can use AI toolsHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, youek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see. such as deepseek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.
react-router(V6)配置路由的两种方式BrowseRouter组件式和createBrowseRouter函数式
courage丶丶: RouterProvider下面可以放一个公共组件吗?如tabbar
【uniapp框架错误】[ERROR] reportJSException ＞＞＞＞ exception function:createInstance, exception
恬星: reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'userAgent' of undefined这个是什么报错
vue 中使用wow.js 以及wow踩坑指南
EnticE__: 请问为什么我的动画会在网页加载之后立刻就触发了，而不是等元素滑到视口内？

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。