vue移动端input上传视频、音频

最新推荐文章于 2024-09-25 10:31:53 发布

wild_guiqulaixi

最新推荐文章于 2024-09-25 10:31:53 发布

阅读量2.8k

点赞数 3

分类专栏：实例方法分享文章标签： vue input vant

本文链接：https://blog.csdn.net/allanwhy/article/details/98873523

版权

本文介绍了在Vue移动端项目中，如何使用input元素实现视频和音频的上传功能，包括html、js和css的相关代码实现及上传效果展示。

摘要由CSDN通过智能技术生成

vue移动端input上传视频、音频

html部分

<div class="title">现场视频</div>
       <div class="upLoad">
           <label for="pop_video" id="labelr">
               <video id="videoId" controls width="100%"></video>
               <input style="display:none;" id="pop_video" type="file" accept="video/*" capture="camcorder" v-on:change="getVideo(event, '2')" name="fileTrans" ref="file" value="">
               <div class="inputVideo">上传视频</div>
           </label>
       </div>
       <div class="title">现场音频频</div>
       <div class="upLoad">
           <label for="pop_audio" id="labelr">
               <audio id="audioId" controls width="100%"></audio>
               <input style