使用 base64 数据在 javascript 中设置背景图片

Question

我在使用数据 url 设置 div 的背景图片时遇到问题。这是我的代码，它不会引发错误但也不起作用：

profilePhotoData= shout.get("authorProfPic");

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

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

Answer 1

不确定您是否可以这样做，您可以尝试使用类来代替。

看看Here

Answer 2

从 base64 字符串中删除换行符 (\r\n)，它应该可以工作。

Answer 3

我知道这个css有效：

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

因此也许你应该：

试试背景属性.
在 url 括号之间添加 "

使用 base64 数据在 javascript 中设置背景图片

Setting background image in javascript with base64 data

html

javascript

image

background-image