VUE（Upload） 上传图片

• template

                  <el-upload
                    action="aaa"
                    :auto-upload = 'false'
                    list-type="picture-card"
                    :on-preview="handlePictureCardPreview"
                    :on-remove="handleRemove"
                    :limit= '1'
                    :on-change="fail">
                    <i class="el-icon-plus"></i>
                  </el-upload>

• methods

	fail (file) {
    
    
      this.dialogImageUrl = file.url
      console.log('我是fail')
      this.uploadimg = file.raw
      console.log(this.uploadimg)
    },
    uploadImg(){
    
    
      // UploadFile
      console.log(77777777777)
      let formData2 = new FormData()
	  // 出要看接口要接受什么样的数据
      formData2.append('BookImg', this.uploadimg)
      formData2.append('Id', this.formValidate.ISBN)
      formData2.append('AttachmentClass', '11')

      UploadFile(formData2)
        .then(res=>{
    
    
          console.log(8989898989989)
          console.log(res)
        })
        .catch(err => {
    
    
          this.$Message.error('图片上传失败!')
        })
    },

具体细节看这篇博客
VUE上传图片