关于vue的视频上传

vue的视频上传之前用点击上传好好的，但是后来后台接口调整就出现问题了，最后网上找了一圈找到了解决办法

1.html代码

                 <formid="myForm"enctype="multipart/form-data"name="fileinfo"action=""target="uploadFrame"><div class="img-file"><label for="imgFile" class="addbutton button-green">选择视频</label><input@change="changeVideo"id="imgFile"class="upload_input"type="file"accept="video/*"/></div></form>

2.样式就忽略了，直接js代码

      changeVideo() {let that = this;var file = document.getElementById("imgFile").files[0];that.file = file;var ids = this.ids;var formData = new FormData(); //构造一个 FormData，把后台需要发送的参数添加 到FormData里面，这样就可以直接把formData作为参数传递了if (file) {formData.append("file", file); //接口需要传递的参数}let potss = formData;let urls = "http:url地址";axios.post(urls, potss).then(function(res) {that.prames.videoUrl = res.data.info;that.videoshow = false;}).catch(function(err) {console.log(err);});}

关于vue的视频上传相关推荐

vue ali-oss 视频上传封装组件
注册阿里云oss 账号地址(https://www.aliyun.com/) 创建Bucket 3.设置Bucket (允许跨域) 4. 生产accessKeyId 和 accessKeySecre ...
vue 自定义视频上传 el-upload图片上传
使用el-upload 上传视频总是报404错误,具体也不知道什么原因(如有知道的请评论告知,谢谢),去网上查了很多,代码写法确定是没有问题的,最后改为axios上传视频,就没出错了,顺便总结下图片上 ...
antd vue upload组件上传视频并实现视频预览
antd vue upload组件上传视频并实现视频预览 html代码 <form><a-form-itemlabel="商品视频":labelCol=" ...
阿里云VOD 视频点播(二)、VUE视频上传，视频播放
一,VUE视频上传 (1),视频上传引入的js文件,在index.html文件里面引入js,如下图 js文件在官网可以下载然后放在自己的项目里面,下载下面的js文件引入项目 JavaScript上传S ...
vue项目引入富文本编辑，图片上传/视频上传
1:下载富文本和更改图片大小 npm install quill-image-resize-module --save//更改img图片大小 npm install vue-quill-editor ...
vue 视频上传组件
组件: <template><div class="upload-box"><div class="avatar-uploader-box& ...
腾讯云点播视频存储(Web端视频上传)
官方文档前言所谓视频上传,是指开发者或其用户将视频文件上传到点播的视频存储中,以便进行视频处理.分发等. 一.简介腾讯云点播支持如下几种视频上传方式: 控制台上传:在点播控制台上进行操作,将本地 ...
vue使用upload上传附件
vue使用upload上传附件这里的上传附件包括视频,图片,等各种格式效果图文章目录 vue使用upload上传附件这里的上传附件包括视频,图片,等各种格式效果图 ![在这里插入图片描述]( ...
vue+element语音上传
vue+element语音上传 html <el-form ref="audioForm" :model="audioForm" :rules=" ...

关于vue的视频上传

关于vue的视频上传相关推荐

最新文章

热门文章