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

Question

I'm having trouble setting the background image of a div using a data url. Here's my code, which doesn't throw an error but also doesn't work:

profilePhotoData= shout.get("authorProfPic");

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

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

Answer 1

I know this css works:

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

Thus maybe you should:

• try the background property.
• add the " between your url brackets

Answer 2

Not sure you can do that, you can try to do it with classes instead.

Have a look Here

Answer 3

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