如何將本地存儲的圖像轉換為 base64？

Question

我有一個圖像路徑，它存儲在本地。 例如，

let path = 'C:\Users\Jonnie\Desktop'

如何僅使用 JavaScript 獲取圖像並將其轉換為 base64？

Answer 1

function imageToBase64(img)
{
    var canvas, ctx, dataURL, base64;
    canvas = document.createElement("canvas");
    ctx = canvas.getContext("2d");
    canvas.width = img.width;
    canvas.height = img.height;
    ctx.drawImage(img, 0, 0);
    dataURL = canvas.toDataURL("image/png");
    base64 = dataURL.replace(/^data:image\/png;base64,/, "");
    return base64;
}

來源

現在你只需要將你的圖像傳遞到那里

Answer 2

您可以為此使用<canvas> 。

創建一個畫布並加載圖像，然后使用toDataURL()將其放入base64

<canvas>的文檔可以在這里找到