js 打开input 选择指定类型文件（点击按钮打开input选择文件上传）

------我点击的按钮-------
<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]);
}

js 打开input 选择指定类型文件（点击按钮打开input选择文件上传）

推荐阅读更多精彩内容