关于vue的视频上传
vue的视频上传之前用点击上传好好的,但是后来后台接口调整就出现问题了,最后网上找了一圈找到了解决办法1.html代码<formid="myForm"enctype="multipart/form-data"name="fi...
·
vue的视频上传之前用点击上传好好的,但是后来后台接口调整就出现问题了,最后网上找了一圈找到了解决办法
1.html代码
<form
id="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);
});
}
更多推荐
已为社区贡献2条内容
所有评论(0)