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

 

Logo

前往低代码交流专区

更多推荐