如何将远程图像读取到 base64 数据 url

Question

其实这个问题有很多答案。 但我的问题是，我想用 5 个外部（URL）图像动态生成 pdf。 我正在使用 PDFmake 节点模块。 它仅支持本地和 base64 格式两种方式。 但我不想在本地存储图像。 所以我的要求是一个以 url 作为参数并返回 base64 的函数。 这样我就可以存储在全局变量中并创建 pdf

提前致谢

function urlToBase(URL){
return base64;
}

var img = urlToBase('https://unsplash.com/photos/MVx3Y17umaE');
var dd = {
            content: [
              {
                text: 'fjfajhal'
              },
              {
                image: img,
              }
            ]
          };

          var writeStream = fs.createWriteStream('myPdf.pdf');
        var pdfDoc = printer.createPdfKitDocument(dd);
        pdfDoc.pipe(writeStream);
        pdfDoc.end();

我正在使用 npm 中的 PDFmake 模块

Answer 1

远程图像的内容可以首先通过 HTTP 请求获取，例如使用无处不在的request npm 模块。 然后可以将图像字符串内容转换为buffer ，最后转换为 base64 字符串。 要完成转换，请在 base64 字符串的开头添加适当的data-url 前缀，例如data:image/png,base64, 。

以下是 PNG 图像的粗略示例：

const request = require('request-promise-native');

let jpgDataUrlPrefix = 'data:image/png;base64,';
let imageUrl         = 'https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png';

request({
    url: imageUrl,
    method: 'GET',
    encoding: null // This is actually important, or the image string will be encoded to the default encoding
})
    .then(result => {
        let imageBuffer  = Buffer.from(result);
        let imageBase64  = imageBuffer.toString('base64');
        let imageDataUrl = jpgDataUrlPrefix+imageBase64;

        console.log(imageDataUrl);
    });