VueJS:从按钮触发输入文件

vue.js Vue.js

乐古一

2020-03-13

我需要构建一个自定义文件上传器来上传图像配置文件,但是我不想使用输入文件的原始设计,而是将其隐藏并仅显示一个按钮来上传图片。

而且我知道当使用jQuery和AngularJS单击其他按钮时如何触发输入文件,但是我找不到使用VueJS进行相同操作的方法,您有什么主意吗?

亲切的问候!

第1541篇《VueJS:从按钮触发输入文件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
阿飞神无 2020.03.13

Vue风格

这可能更容易

<input type="file" ref="file" style="display: none">
<button @click="$refs.file.click()">open file dialog</button>

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android