Question

我的javascript代码向我的node.js服务器发出以下AJAX请求：

var url = '/node/download';
var downloadRequest = new goog.net.XhrIo();
downloadRequest.headers.set('content-type', 'application/json');
downloadRequest.send(url);

我的node.js服务器在节点上创建一个pdf，并通过以下代码将pdf流回客户端：

    var filestream = fs.createReadStream(pdfpath);                  
    res.writeHead(200, {
        'Content-disposition': 'attachment; filename=' + filename,
        "Content-Type":"application/pdf","Content-Transfer-Encoding": "binary"});
    filestream.on('data', function(chunk) {                     
        res.write(chunk);
    });
    filestream.on('end', function() {
        res.end();
    });

但是现在我在如何在javascript客户端收到此回复时遇到问题，以便打开下载提示以允许用户下载并保存pdf文件。

请帮忙！

提前Thanx！

P.S。 Plz还建议任何更好的方法来实现我的节点代码（如果有的话）

编辑：一种可能的解决方案是发送我的请求：

window.location.assign('/node/download');

这样我得到了下载提示，一切正常，只是牺牲了产品的异步性质。有没有解决这个问题，以便我也能保持异步性？

Answer 1

下载保存在服务器上的pdf文件

从客户端javascript发出这样的请求：

var reqObj = new XMLHttpRequest();
reqObj.open('GET','getpdf',true);     // 'getpdf' is the URI to recongize your request at the server
reqObj.send();

reqObj.onreadystatechange = function() {
    var resObj = this;
    if(resObj.readyState == resObj.DONE) {
        if (resObj.status != 200) {
            console.log("pdf can't be downloaded");
        } else if (resObj.status == 200){
            var resTxt = reqObj.responseText;
            window.location.assign(resTxt);    // Opens the pdf download prompt
        }
    }
}

在节点处理从上方收到的请求并回复：

var http = require('http');

function getPDFUrl() {
    return "http://testing.com/pdf/test.pdf";
}

var handler = http.createServer(function(request, response) {
if (request.url == 'getpdf' && request.method.toLowerCase() == 'get') {
    var pdfUrl = getPDFUrl();       //get pdf url here

    if (pdfUrl != null && pdfUrl != undefined && pdfUrl != '') {
        response.writeHead(200, {"Content-Type":"text/html"});
        response.write(pdfUrl);
        response.end();
    } else {
        response.writeHead(404, {"Content-Type":"text/html"});
        response.write("Not Found");
        response.end();
    }

}
});

Answer 2

我在某些应用中实现了类似的异步文件生成功能。我采取的方法涉及更多，但保持您的界面异步。

客户端发送对要生成的文件的请求。
服务器使用生成文件的URL发送响应。
客户端发出第二个请求以下载生成的文件。

这对用户来说是不可见的，他们只需要等待第二笔交易回来。

如何通过javascript下载pdf文件？

2 个答案: