我正尝试通过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.createReadStream('/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的文件名参数。根据规范，文件名应该是RFC5987编码。我最终在MDN上找到了一个示例代码片段，它正确处理了编码（encodeURIComponent()并不是这个字段的完全正确格式）。链接1 链接2
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")
哎呀，所有这些只是为了提供一个文件名给您的下载！
我测试了你的代码，在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()的第二个参数'binary'解决了问题。否则，express会将其解释为字符串。
doc.output 已弃用。 - Tyler Eich实际上，Express已经有了这个功能用于发送文件。你所需要的只是:
app.get('/sendMePDF', function(req, res) {
res.sendFile(__dirname + "/static/pdf/Rabbi.pdf");
})
在这里，服务器将发送名为 "Rabbi.pdf" 的文件，并且它会在浏览器中打开，就像你在浏览器中打开 PDF 一样。我把文件放在了 "static" 文件夹中，但你可以把它放在任何地方，需要知道的是 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');
});
完整的repo：:
克隆node-cheat pdf_browser，运行node app，然后跟着npm install express。
祝您帮助愉快！
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);
});
response.end(data); Express的send方法可能会进行某些猜测。 - ebohlman