node.js - NodeJs，从远程 .jpeg block 中获取 b64

Question

我正在使用一个 API，它可以在 DMS 中搜索图片并允许我们下载它。我看起来像这样:

var file = fs.createWriteStream(fileName);

var httpsRequest = https.request({
  method: 'GET',
  ...
  }, function (response) {

    response.on('data', function (chunk) {
      file.write(chunk);
    });

    response.on('end', function () {
      file.end();  
      res.download(...);
    });
});

我现在需要显示图像，而不是“仅仅”下载它。例如，对于 jpeg 图像，我尝试在缓冲区中对 b64 进行编码:

console.log(file._writableState.bufferedRequest.chunk.toString());

然后简单地在网页中使用它。但我得到了这样的东西:

来自:

chunk: *<*Buffer a0 02 8a 28 a0 02 8a 28 a0 02 8a 28 a0 02 8a 28 a0 02 8a 28 a0 02 8a 28 a0 02 8a 28 a0 02 8a 28 a0 02 8a 28 a0 02 8a 28 a0 04 a2 96 8a 00 6e 29 08 a7 ... >

至

8Vupis7dLZUHzyrhnH1qKMxsoMasjMPl3DJPqeelKRAhVlhVShysS5Jz/eI9aQxcMz7z5hbqpkbp7n0pzZk ... TA08GoRUgNS0BIDTxUYp4qWNDqWg==

但是当我尝试使用一些在线 b64 解码取回图片时，它不起作用。

如果有人已经必须这样做并且有解决方案。

PS 完整代码:

collection.findOne({}, function(document){

var fileUrl = url.parse(encodeURI(document.toObject().__metadata.media_src));
var fileName = fileUrl.pathname;

var mimetype = mime.lookup(fileName);
res.setHeader('Accept',mimetype);
res.setHeader('Content-type', mimetype);
res.setHeader('Content-disposition', 'attachment; filename=' + fileName);
var file = fs.createWriteStream(fileName);

var httpsRequest = https.request({
    method: 'GET',
    host: fileUrl.hostname,
    path: fileUrl.pathname,
    headers: sharepoint.headers(mimetype, fileName)
}, function (response) {

    response.on('data', function (chunk) {
        file.write(chunk);
    });

    response.on('end', function () {
        file.end();
     console.log(file._writableState.bufferedRequest.chunk.toString('base64'));
        setTimeout(function () {

            res.download(fileName, decodeURI(fileName), function (err) {
                if (err) {
                    res.status(err.status).end();
                }

                 fs.unlink(fileName);
             });
         }, 300);
     });
 });

 httpsRequest.end();
 });

Answer 1

尝试转换为 Base64 时遇到的问题是您错误地使用了流。

console.log(file._writableState.bufferedRequest.chunk.toString());

file._writableState.bufferedRequest 仅包含当前缓冲区，如果缓冲区已被刷新(很可能是这种情况)，您将获得整个图像的部分base64，这就是您无法显示它的原因。对于 fs.createWritableStream，缓冲区默认每 16kb 刷新一次，该值来自 highWaterMark 选项。 (不要更改该值)

您不应该不要访问流的那些“私有(private)”属性，除非您确实知道自己在做什么。

如果您只想将图像返回为 base64，请使用:

response.setEncoding('base64');

并将其通过管道传递给响应对象。

const httpsRequest = https.request({
    method: 'GET',
    host: fileUrl.hostname,
    path: fileUrl.pathname,
    headers: sharepoint.headers(mimetype, fileName)
}, response => {
    response.setEncoding('base64');
    response.pipe(res);
});

httpsRequest.end();

无需将其保存到临时文件。

现在您可以使用以下方式显示它:

<!-- Get the image via AJAX, and add `src` -->
<img src="data:image/jpeg;base64,{base64-from-api}" />

<小时/>

如果您想直接显示图像，作为 image/jpeg 而不是 base64，请删除 response.setEncoding('base64') 并只保留 response.pipe，然后您将能够:

<img src="/path/to/image/route" />