图片上传

<input id="upload1" class="upload1" name="file" type="file" accept="image/*" @change="fileImageFront" />

一般type="file"的原生样式不是我们想要的 ，所以给opcity=0后用自己的样式覆盖。

     fileImageFront(e) {
        let files = e.target.files || e.dataTransfer.files;
        if (!files.length) return;
        this.createImage(files, e);
      },

      // 上传图片
      createImage(files, e) {
        let self = this;
        var img_type = files[0].type

        if (files[0].size > 25 * 1024 * 1024) {
          self.$toast("文件过大，请重新上传")
          return false
        }

        if (img_type.toLowerCase() != "image/png" && img_type.toLowerCase() != "image/jpg" && img_type.toLowerCase() != "image/jpeg") {
          self.$toast("请上传png、jpg、jpeg格式的图片")
          return false
        }

        let formData = new FormData()
        formData.append('txt', files[0]);
        self.$post("/xxxxx",formData).then(function (response) {
          if(response.statue==1){
            self.$toast({message:'上传成功',duration:1000})
            self.userUpPic.push(response.data.imageurl);   //该值是一个对象，第一个键值对传给后台，第二个值用于页面显示
            self.userUpPicLen=self.userUpPic.length;
            self.sendNet.push(response.data.name);
          }
        });
//        uploadeFile(formData).then(function(res) {
//          if (res.status == 1) {
//            self.$toast(res.msg)
//            self.userInfo.head_img = res.url
//          }
//        })
        // 清空文件上传控件的值
        e.target.value = null;
      },