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

------我点击的按钮-------


样式如下

20211009-095004.png

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


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

你可能感兴趣的:(js 打开input 选择指定类型文件(点击按钮打开input选择文件上传))