NodeJs，从远程 .jpeg 块中获取 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(...);
    });
});

我现在需要显示图像而不是 "just" 下载它。例如对于 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"属性，除非你真的知道你在做什么。

相反，如果您只想 return 图像作为 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" />

NodeJs，从远程 .jpeg 块中获取 b64

NodeJs, get b64 from chunk of remote .jpeg

base64

fs

node.js