使用base64數據在JavaScript中設置背景圖片

Question

我在使用數據URL設置div的背景圖片時遇到問題。 這是我的代碼，它不會引發錯誤，但是也不起作用：

profilePhotoData= shout.get("authorProfPic");

src = 'data:image/png;base64, ' + profilePhotoData.base64

outerDiv.style.backgroundImage="url("+src+")";

Answer 1

我知道這CSS的作品：

body {
  background: #ffffff url("data:image/jpg;base64,/9j/4...") no-repeat top left;
}

因此，也許您應該：

• 嘗試背景屬性。
• 在網址括號之間添加“

Answer 2

不確定是否可以這樣做，可以嘗試使用類代替。

在這里看看

Answer 3

從base64字符串中刪除換行符（\\ r \\ n），它應該可以工作。