在節點中將 svg 圖像從 url 轉換為 base64

Question

我想使用我從url獲得的svg圖像，將其轉換為base64 。 后來我在社交媒體平台上發布了這張圖片。 這就是為什么我需要它采用base64格式。 我怎樣才能做到這一點？ 當我的網站上有這張圖片時，我知道該怎么做，但是當我只有一個指向該圖片的鏈接時，我該怎么做？

Answer 1

這是可以使用節點獲取庫在 node.js 中使用的簡單代碼。

import fetch from 'node-fetch';

const download = async () => {
const response = await fetch("https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/410.svg");
if (response.ok) {
    const buffer = await response.buffer();
    const base64 = buffer.toString("base64");
    return base64;
    }
}

(async () => {
const data = await download();
console.log("🚀 ~ file: base64.js ~ line 12 ~ data", data);
})();

我正在使用來自此 鏈接的示例 svg 圖像。 上面的代碼將返回樣本 svg 圖像的 base64：

PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8cGF0aCBkPSJNMzAsMWg0MGwyOSwyOXY0MGwtMjksMjloLTQwbC0yOS0yOXYtNDB6IiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiLz4gCiAgPHBhdGggZD0iTTMxLDNoMzhsMjgsMjh2MzhsLTI4LDI4aC0zOGwtMjgtMjh2LTM4eiIgZmlsbD0iI2EyMyIvPiAKICA8dGV4dCB4PSI1MCIgeT0iNjgiIGZvbnQtc2l6ZT0iNDgiIGZpbGw9IiNGRkYiIHRleHQtYW5jaG9yPSJtaWRkbGUiPjwhW0NEQVRBWzQxMF1dPjwvdGV4dD4KPC9zdmc+Cg==

如果您將其復制並粘貼到此處，您將看到同一圖像的預覽。 瞧！