已使用res.send(data)而不是res.json(data)更新
使用Angular 6和NodeJS我正在做一个Web应用程序。 我正在尝试从http发布请求中下载文件。
我这样向服务器发送请求。我从组件中调用服务中的函数。在组件中,我怀疑服务器的答案,当我有了它时,我将使用响应创建一个新的Blob,然后使用FileSaver下载pdf。
现在,当我从服务器收到答案时,客户端将其视为错误,而状态为200。错误消息为: “ http://localhost:3000/api/experiment/regression解析期间Http失败” 请参见下面的屏幕截图。
Component.ts
this.api.postML(this.regression).subscribe(
res => {
console.log(res);
let pdf = new Blob(res.data, { type: "application/pdf" });
let filename = "test.pdf";
FileSaver.saveAs(pdf, filename);
},
err => {
alert("Error to perform the regression");
console.log(err);
}
);
API.Service.ts
public postML(data): Observable<any> {
// Create url
let url = `${baseUrl}${"experiment/regression"}`;
let options = {
headers: { "Content-Type": "application/json", Accept: "application/pdf" }
};
// Call the http POST
return this.http
.post(url, data, options)
.pipe(catchError(this.handleError));
}
然后从服务器上,它使用发送的数据执行一些代码,并生成PDF文件。 然后,我想将pdf发送给客户。 我这样尝试过:
fs.readFile("/home/user/test.pdf", function(err, data) {
let pdfName = "Report.pdf";
res.contentType("application/pdf");
res.set("Content-Disposition", pdfName);
res.set("Content-Transfer-Encoding", "binary");
console.log(data);
console.log("Send data");
res.status(200);
res.send(data);
});
答案 0 :(得分:6)
最后,我找到了一个视频教程,它非常基础。
Node.js服务器:
const express = require("express");
const router = express.Router();
router.post("/experiment/resultML/downloadReport",downloadReport);
const downloadReport = function(req, res) {
res.sendFile(req.body.filename);
};
组件角度:
download() {
let filename = "/Path/to/your/report.pdf";
this.api.downloadReport(filename).subscribe(
data => {
saveAs(data, filename);
},
err => {
alert("Problem while downloading the file.");
console.error(err);
}
);
}
服务角度:
public downloadReport(file): Observable<any> {
// Create url
let url = `${baseUrl}${"/experiment/resultML/downloadReport"}`;
var body = { filename: file };
return this.http.post(url, body, {
responseType: "blob",
headers: new HttpHeaders().append("Content-Type", "application/json")
});
}