js 打开input 选择指定类型文件(点击按钮打开input选

2021-10-08  本文已影响0人  Aurora_9e36

------我点击的按钮-------
<el-button @click="uploadingAudioButton">
<i class="el-icon-folder-add"></i >
</el-button>

样式如下

20211009-095004.png
  ------点击的按钮控制这个被隐藏的input 去实现可以选择文件的动作-------  

<div v-show="false">
<input
type="file"
accept='audio/' //指定类型 可以是image/
capture="microphone"
ref="selectFile"
id="selectFile"
@change="checkFile(event)" /> </div> ---------------------方法---------------------------- //按钮上绑定的点击事件 uploadingAudioButton() { //通过id 去调用 input 的点击事件触发input change事件 this.refs.selectFile.click();
}
//绑定在input上的事件
checkFile(e) {
//获取到你选择的文件
console.log(e.target.files[0]);
}

上一篇下一篇

猜你喜欢

热点阅读