我尝试对我的图像进行基本编码以通过 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 插件获取图像的字节,并尝试向用户显示图像。
最佳答案
第一段代码是正确的:
background-image: url(data:image/png;base64,%codeForImage%)
插入二进制数据将不起作用。
如果您看到不同的图像而不是您期望的图像,那么您的 CSS 选择器与该元素不匹配(例如,如果元素是 <div id="foobar">
,而您的选择器是 div.foobar
),或者您的选择器是 not specific enough .
在任何一种情况下,使用 Firebug 之类的工具检查元素并检查元素应用了哪些 CSS 规则,以及是否可以在顶部看到想要的规则。
关于css - 编码图像base64,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25900238/