我正在尝试通过 Express 以在浏览器中显示的方式提供 PDF：
app.post('/asset', function(request, response){
var tempFile="/home/applmgr/Desktop/123456.pdf";
fs.readFile(tempFile, function (err,data){
response.contentType("application/pdf");
response.send(data);
});
});
但是，浏览器显示二进制内容。如何正确处理？
指定如何处理文件下载都归结为Content-disposition标题。您也可以在此处指定文件的名称。我们还设置了Content-type以确保浏览器知道如何处理给它的文件。
app.post('/url/to/hit', function(req, res, next) {
var stream = fs.readStream('/location/of/pdf');
var filename = "WhateverFilenameYouWant.pdf";
// Be careful of special characters
filename = encodeURIComponent(filename);
// Ideally this should strip them
res.setHeader('Content-disposition', 'inline; filename="' + filename + '"');
res.setHeader('Content-type', 'application/pdf');
stream.pipe(res);
});
现在，如果您更仔细地查看Content-disposition，您会注意到该inline;字段设置了浏览器对文件的反应方式。如果你想强制下载，你可以通过设置inline;来做到这一点attachment;
我还发现（被烧了几次），如果您在文件名中设置特殊字符，它可能会损坏。所以我encodeURIComponent()的文件名以确保不会发生。
希望能帮助其他人试图弄清楚同样的事情！
在我最初和现在发布此内容之间的时间里，我发现了如何正确编码content-disposition's filename 参数。 根据规范，文件名应该是 RFC5987 编码的。 我最终从 MDN 中找到了一个示例代码片段，它可以正确处理此处的编码（encodeURIComponent()这不是该字段的完全正确格式）。
var fileName = 'my file(2).txt';
var header = "Content-Disposition: attachment; filename*=UTF-8''"
+ encodeRFC5987ValueChars(fileName);
console.log(header);
// logs "Content-Disposition: attachment; filename*=UTF-8''my%20file%282%29.txt"
function encodeRFC5987ValueChars (str) {
return encodeURIComponent(str).
// Note that although RFC3986 reserves "!", RFC5987 does not,
// so we do not need to escape it
replace(/['()]/g, escape). // i.e., %27 %28 %29
replace(/\*/g, '%2A').
// The following are not required for percent-encoding per RFC5987,
// so we can allow for a little better readability over the wire: |`^
replace(/%(?:7C|60|5E)/g, unescape);
}
在此之上的另一个注意事项是，浏览器也不完全符合规范。有些字符仍然会从下载中错误地返回（至少在我测试时）。
您可以通过更新下载的工作方式来解决此问题。如果您的下载 URL 以文件名结尾（并且您没有filename在标头中提供属性），它将正确地从 URL 编码值中获取文件名。IE'http://subdomain.domain-url.com/some/path/to/downloads/' + encodeURIComponent("You're there, download this!.pdf")
Jeeze，以及所有为您的下载提供文件名！
我测试了您的代码，它在 chrome 中对我有用，但有一项更改：更改app.post为app.get
编辑：因为您似乎认为仅 POST 服务器是一个好主意，请阅读以下内容：http: //net.tutsplus.com/tutorials/other/a-beginners-introduction-to-http-and-rest/ 向下滚动直到 HTTP 动词并检查 GET 和 POST 之间的区别。:)
一些快速研究表明，其他浏览器可能存在其他问题，例如 IE 可能期望 URL 以.pdf. 因为我在我的 Mac 上，所以我无法为你测试；）
我将 PDF 直接发送到浏览器的解决方案：
app.get('/my/pdf', function (req, res) {
var doc = new Pdf();
doc.text("Hello World", 50, 50);
doc.output( function(pdf) {
res.type('application/pdf');
res.end(pdf, 'binary');
});
});
res.end() 与第二个参数“二进制”在我的案例中起到了作用。否则表示将其解释为字符串
实际上 Express 已经有了这个发送文件的功能。所有你需要的是 ：
app.get('/sendMePDF', function(req, res) {
res.sendFile(__dirname + "/static/pdf/Rabbi.pdf");
})
在这里，服务器将发送文件“Rabbi.pdf”，它将在浏览器中打开，就像您在浏览器中打开 pdf 一样。我将文件放在“静态”文件夹中，但您可以将它放在任何地方，知道 sendFile() 将绝对路径（而不是相对路径）作为参数。
它就像下面的代码一样简单：
var express = require('express'),
fs = require('fs'),
app = express();
app.get('/', function (req, res) {
var filePath = "/files/my_pdf_file.pdf";
fs.readFile(__dirname + filePath , function (err,data){
res.contentType("application/pdf");
res.send(data);
});
});
app.listen(3000, function(){
console.log('Listening on 3000');
});
对于完整的回购：
克隆 node-cheat pdf_browser，运行node app后跟npm install express.
乐于助人！
根据 Express js 文档，您可以在一个函数中设置 Content Type 和 Content Disposition，如下所示
fs.readFile(filePath, (err, data) => {
res.set({
"Content-Type": "application/pdf", //here you set the content type to pdf
"Content-Disposition": "inline; filename=" + fileName, //if you change from inline to attachment if forces the file to download but inline displays the file on the browser
});
res.send(data); // here we send the pdf file to the browser
});
post('/fileToSend/', async (req, res) => {
const documentPath = path.join(
__dirname,
'../assets/documents/document.pdf'
);
res.setHeader('Content-Type', 'application/pdf');
res.setHeader('Content-Disposition', 'attachment; filename=document.pdf');
return res.download(documentPath);
});