Firefox中没有加载Base64图像

 加勒比海盗的骷髅_829 发布于 2023-02-13 03:09

我有base64转换后的图像,并放在容器背景上,如下所示:

background: url('data:image/png;base64,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');

Chrome和其他浏览器在没有任何问题的情况下打开它,除了Mozilla Firefox.它显示我的空白图像,当我尝试手动打开图像时,它给我错误:

图像:" data:image/png; base64,iV ... 5CIIA = "无法显示,因为它包含错误

任何想法为什么会发生以及如何解决?

这是尝试的小提琴:http://jsfiddle.net/zur4ik/QUXV5/

1 个回答
  • 看起来实际的base64数据有问题.请参阅基于文件的类似工作示例image/png;base64.

    尝试使用这些工具对文件进行编码和解码.

    2023-02-13 03:24 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有