css - 编码图像base64

Question

我尝试对我的图像进行基本编码以通过 CSS 将其显示为:

background-image: url(data:image/png;base64,%codeForImage%)

所以我尝试了我在这里找到的东西:

https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding

但它不会显示任何图像(使用来自“phonegap android drawable”的 png 图像。

两个问题:

我该如何解决这个问题或我如何显示以前没有 base64 的图像。

示例:是否可以抓取图像的字节并通过显示它

background-image:url(data:%uncodedImageBytes%)

背景:我正在从 phonegap 插件获取图像的字节，并尝试向用户显示图像。

Answer 1

第一段代码是正确的:

background-image: url(data:image/png;base64,%codeForImage%)

插入二进制数据将不起作用。

如果您看到不同的图像而不是您期望的图像，那么您的 CSS 选择器与该元素不匹配(例如，如果元素是 <div id="foobar"> ，而您的选择器是 div.foobar )，或者您的选择器是 not specific enough .

在任何一种情况下，使用 Firebug 之类的工具检查元素并检查元素应用了哪些 CSS 规则，以及是否可以在顶部看到想要的规则。