如何通过javascript下载pdf文件?

时间:2013-06-07 09:08:24

标签: javascript node.js http streaming google-closure

我的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');

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

2 个答案:

答案 0 :(得分: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();
    }

}
});

答案 1 :(得分:0)

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

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

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