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

Question

我在使用数据网址设置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

不确定你能做到这一点，你可以尝试用类来做。

看看Here

Answer 3

从base64字符串中删除换行符（\ r \ n），它应该可以正常工作。