样式如下
美文网首页
js 打开input 选择指定类型文件(点击按钮打开input选

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

作者: Aurora_9e36 | 来源:发表于2021-10-08 09:58 被阅读0次

    ------我点击的按钮-------
    <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选

          本文链接:https://www.haomeiwen.com/subject/bzxqoltx.html