1. ホーム
  2. javascript

[解決済み] Base64で画像ソースを設定する方法

2022-10-25 23:30:39

質問

画像のソースをbase64にしたいのですが、うまくいきません。

JSfiddle.net/NT9KB

<img id="img" src="" />

JavaScriptの

document.getElementById("img").src = "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg=="

どのように解決するのですか?

base64の改行を削除してください。

document.getElementById('img')
    .setAttribute(
        'src',
        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='
    );