angular - 在 Angular 中成功 POST 后的 HttpErrorResponse 200

Question

我通过 FormData 将一个文件从 Angular 5.xx 上传到 Jersey 1.xx。

数据已成功接收并保存在我的服务器应用程序目录中，但浏览器显示图片中的这一行(Chrome 和 Firefox)。

当我像这样仅通过 HTML 上传它时:

  Choose file to upload<br>
    <form action="http://localhost:8181/BackendMaven" method="post" enctype="multipart/form-data">
        <input name="input" id="filename" type="file" /><br><br>
        <button name="submit" type="submit">Upload</button>
    </form>

它不会出现。

这是 Angular FromData 代码:

@ViewChild('fileInput') fileInput; 
submitFile(): void{ 
    console.log("submitFIle called!!!");
    let fi = this.fileInput.nativeElement;
     let fileToUpload = fi.files[0];
     let formData = new FormData();//empty formdata
     formData.append("input", fileToUpload);
     console.log(formData.get("input"));
     this.http.post(this.URI_UPLOAD,formData).subscribe();}

和服务器端(我使用 tomcat)

public Response uploadFile(@FormDataParam("input") InputStream uploadedInputStream, @FormDataParam("input") FormDataContentDisposition fileDetail) {
  ...
        return Response.status(200).entity("Successfully uploaded to location: " + FileFactory.getFilePath(uploadedFileLocation)).build();

    }

} 

Answer 1

尝试实际发送一个 JSON 响应，或者告诉 Angular 期待一些不同的东西。如果您使用 HttpClient , 它默认需要 JSON。

像这样:

this.http.post(url, body, { responseType: 'text' }).subscribe();