关于vue的视频上传

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

1.html代码

                 

                    

                      选择视频
                      
                    
                  
              

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);
                    });
            }