Question

这是我第一次在这里发帖提问。基本上我想用浏览器使用PdfKit（客户端）从日本字符导出pdf文件。所以我需要通过Buffer.Here将代码发送到客户端的字体文件是我的代码......这都是使用带有express的node.js：

服务器端（Nodejs）：

function download_font(req, res) {
var fontpath = path.join(__dirname, 'kochi-gothic-subst.ttf');
fs.readFile(fontpath, function(err, content) {
    if (err) {  // If we couldn't read the file for some reason
        res.writeHead(404, {    // Send a 404 Not Found status
            "Content-Type": "text/plain; charset=UTF-8"});
        res.write(err.message); // Simple error message body
        res.end();              // Done
    }
    else {      // Otherwise, if the file was read successfully.
        res.writeHead(200,  // Set the status code and MIME type
                           {"Content-Type": 'application/octet-stream'});
        res.write(content); // Send file contents as response body
        res.end();          // And we're done
    }
});

使用javascript从客户端请求：

$.get("/log/font").done(function( data ) {
        var blob = new Blob([data], { type: 'application/octet-stream' });

        var doc = new PDFDocument();
        var stream = doc.pipe(blobStream());

        doc.font(blob).fontSize(25).text('武大郎',100, 100);
        doc.end();

        stream.on('finish', function() {
            blob = stream.toBlob('application/pdf');
            var url = window.URL || window.webkitURL;
            var link = document.createElement('a');
            link.href = url.createObjectURL(blob);
            link.download = 'test.pdf';

            var event = document.createEvent("MouseEvents");
            event.initEvent("click", true, false);
            link.dispatchEvent(event);
        }); 
    });

但是当运行浏览器显示错误消息时：未捕获错误：不支持的字体格式或标准PDF字体。

所以我检查服务器和客户端的大小数据。这是我检查文件大小的代码：

*$.get("/log/font").done(function( data ) {
        //alert( "Data Loaded: " + data );

        var blob = new Blob([data], { type: 'application/octet-stream' });
        var url  = window.URL || window.webkitURL;
        var link = document.createElement('a');
        link.href = url.createObjectURL(blob);
        link.download = 'kochi-gothic-subst.ttf';

        var event = document.createEvent("MouseEvents");
        event.initEvent("click", true, false);
        link.dispatchEvent(event);
    });

我看到两个文件不相等。任何人都可以帮我从浏览器端导出带日本字符的pdf？

Answer 1

我认为错误是你传入一个Blob对象，它需要一个缓冲对象。

尝试使用str2ab函数将从ajax调用返回的数据转换为数组缓冲区： http://updates.html5rocks.com/2012/06/How-to-convert-ArrayBuffer-to-and-from-String

然后将其传递给doc.font（）函数。

在服务器端，您可以尝试使用快速中间件来提供静态字体文件（以简化操作）：

app.use(express.static(__dirname + '/public'));

将字体放在公共目录中并从那里请求。

如何从浏览器中的nodejs服务器获取正确的响应数据

1 个答案: