javascript - Meteor:通过单击按钮获取服务器端生成的文件

Question

我正在使用 pdfKit 生成一些 pdf 文件。用户应该单击一个按钮来获取该文件 - 该文件是当时在服务器上生成的。此外，我使用 Picker 进行服务器端路由。

server.js

Picker.route('/generate/getPdf', function(params, req, res, next) {
    var doc = new PDFDocument({size: 'A4', margin: 50});
    doc.fontSize(12);
    doc.text('PDFKit is simple', 10, 30, {align: 'center', width: 200});
    res.writeHead(200, {
        'Content-Type': 'application/pdf',
        'Content-Disposition': 'attachment; filename=test.pdf'
    });
    res.end(doc.outputSync());
});

html

<template name="example">
    <button id="generatePdf">Generate it</button>
</template>

client.js

Template.example.events({
    'click #generatePdf': function(event) {
        HTTP.call( 'GET', 'http://localhost:3000/generate/getPdf', {}, function( error, response ) {
            if (error) {
                console.warn(error);
            }
        });
    }
});

我希望在单击按钮时获得 pdf 文件，但什么也没有发生。如果我手动访问该网址，我将获取该文件。那么我做错了什么？

Answer 1

由于您已将 Content-Disposition header 设置为附件，因此最简单的解决方案是在新选项卡中开始下载。

尝试删除您的 click #generatePdf 事件处理程序并在模板中执行类似以下操作:

<a id="generatePdf" href="//localhost:3000/generate/getPdf" target="_blank">Click Me</a>