angular - 如何使用 http.post 发送图片

Question

我想用 http.post 发送图片。我使用那个代码块，但给了我 404 错误。我在 postman 上试了 api，返回成功。

我哪里错了？

谢谢。

changeprofileimg()
  {
    this.camera.getPicture({
      sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
      destinationType: this.camera.DestinationType.DATA_URL,
      quality: 100,
      encodingType: this.camera.EncodingType.PNG,
      targetHeight:500,
      targetWidth:500,
      correctOrientation:true
    }).then(imageData => {

      const image = 'data:image/jpeg;base64,'+imageData;   
      var veri;   
      var headers = new Headers();
      headers.append('Accept', 'application/json');
      headers.append('Authorization' , 'Bearer '+this.globalvars.getToken());
      headers.append('Content-Type', 'multipart/form-data');
      let options = new RequestOptions({ headers: headers });


      let postParams = {
        file:image
      }

      this.http.post("http://.../api/profile/image/upload", postParams, options)
        .subscribe(data => {
          console.log( data['_body']);
          veri=data['_body'];
          veri = veri.replace(/\\/g, "");
          veri = JSON.parse(veri);
          console.log(veri);
        });

    });
  } 

Answer 1

你应该使用 FormData为此目的:

      let formData = new FormData();
      formData.append('file', image);


      this.http.post("http://.../api/profile/image/upload", formData, options)
        .subscribe(data => {
          console.log( data['_body']);
          veri=data['_body'];
          veri = veri.replace(/\\/g, "");
          veri = JSON.parse(veri);
          console.log(veri);
        });

    });

除此之外，当您遇到 404 错误时，您应该仔细检查您的 api 端点和其余 api 方法。