当处理响应创建 excel 文件时，解析 URL 期间出现错误 HTTP 失败

Question

我正在处理 angular 7 个应用程序上传文件。我制作Angular个App上传文件

所以我先选择一个文件然后按上传按钮

然后我希望我将文件下载为输出，但这并没有发生

angular 应用程序没有 return 下载文件，所以我在 angular 的响应中遇到问题，我需要修复它

我检查 angular 的 repose 我在第 115 行解析 link 时收到错误 HTTP 失败，如下图所示。

第 115 行错误 angular 在线 post 订阅

this.http.post('https://localhost:44396/api/ApprovalQuality/', formData).subscribe(
  (data) => {},
  (error) => {
    console.log(error);
  },
);

在上面的响应中它必须 return Excel 文件但是它显示错误

解析 URL 第 115 行期间出现错误 HTTP 失败并且未创建 excel 文件

完整代码

component.html

<input type="file" id="file" (change)="handleFileInput($event.target.files)" />

<button type="button" class="btn btn-success" (click)="uploadFile(files)">
  Upload File
</button>

component.ts

fileToUpload: File = null;

handleFileInput(files: FileList) {
  this.fileToUpload = files.item(0);
}
public uploadFile = (files) => {
  const formData = new FormData();

  formData.append('file', this.fileToUpload, this.fileToUpload.name);

  this.http
    .post('https://localhost:44396/api/ApprovalQuality/', formData)

    .subscribe(
      (data) => {},
      (error) => {
        console.log(error);
      },
    );
};

Answer 1

你的reposeType是text/plain，必须设置application/octet-stream。然后，您可以使用 blob 和 URL.createObjectURL 下载 excel 文件。

当处理响应创建 excel 文件时，解析 URL 期间出现错误 HTTP 失败

error HTTP failure during parsing URL when Handle Response create excel file

javascript

typescript

angular7

angular-directive

angular-components