Base64编码的图像无法在Firefox加载 [英] Base64 image doesn't load in Firefox

查看:364
本文介绍了Base64编码的图像无法在Firefox加载的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的base64转换的图像,并把集装箱的背景是这样的:

I have base64 converted image and put on container background like this:

background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAuCAYAAACWPmGbAAAGL0lEQVRo3tWaC2wUVRSGp7a1yqtAWuiCivKIAUWUKgGJGB5FBZUYrRaV1qgFi9gKigg+EBSBqAgoIij1AfhAxSqKyhJTRQtG1Bqtb4wvCsGmUkSklIr/2fzXXG9mutOZ2e12k4+27M6999w595z/nFnLSsBXKCurK7gYzAUvgg/Br6AWHARHwF5QA6rA22AlmAwGgVQrkV9YYCcwHXwG/qFBXvkTvABGJZqRKWAW2O/TQCc+BgMSwdBk8GaMjNQR1z+/pY29LA6GKna0tLET42jsHy1tbEfwY5yMvT0Rzu1xYFMMjfwLFCWCoRmgDUhiXpV82RCQkTvBA6A75zqhOQvLBH1ANhjMn/1BD3C0R2NvpIGdjXybBxaDD8DvLgyrBz+Al8FMCoskbUzZyGqnRZwOpoHnwdfgQJTJRARUg3Lu5qWgvQtjx/B6ubYYtHP43LGgFzd4CBihbXZIN8zGjnVc3+emS90NfgrIjWS3XwMjoxj8uHbNfm7wNaCnB0+RTTkHzAaV2rgiK7PVhwrBvhgGibdAtyYWmeewyXVgG3gJLAH3gxnkLrAAPAU2gu9Bo3F9I7V1SE00NU6hX85UehTZmAvWU9v6mUuO3jzdOyKu7jIABMVEw0A52wUOhg8E1/PurQVbwHbwjaghFgzy9xtgueRRBqIsm/E6gDUWL4yXsVcYiyhk8JDyrGuM0ttYCpca9Ud9HAwV4ZBsLCSdZ+0II/7TItgl0Pg0UNLhzbz7av6p6s0zwKcxVDASHVMcFhZiADOrlPfBw2ASuJBu3RMcz8whv5/M6JtHN15r46kSeAvVZOPUAQbnMXrVBWDkJ6xTMzh+b9CvibsxCmwI0Mt+BnNAF30S2fmFugqS38FQUAJKwbt0t1pjMdIa2c0C+VUwn2Vbd8OQwUwtJTZ3ta1NMJExHqRIqXbRuZAj8BVz9K3iBTab2Uf+eV3biWJduvk8N0eBYZRwku8Og9OMz9wE3pNiIMpYaTyH/Q25KvI108VaCsAepXkrtF06BMLgDrpWyKVxaTz7+WAV+MU4t1fbXDNc1Zo8110CjMJJHD/MOT7S2yNTmqgtZbHfUZiHKd7l52bRnGCXg6vJxq2OuJDzouZp1zZwbBE6Z8oGNtNAORbjWEToikw2vm/kjBg9oRzwCFuUjR4CQy3lW5HuFXTrtg6LHM35zLHE9b/lBjxDHb2ASKReQSlZQf1rXv83eEyaBGqiSrsDzffag7PBleA2TrKMk6xgEJnL9DDGSbzTxWWhk0ylZON2yxg/vEbhQ4wDt+jHIjIXo2w9DckMWL2IARdRzIteHWu8L+f7HrsSTQoHyj+JrkupmcOabAwzPz8L7qUaO8vO9aVwlw2wqFgOaslcBp0QLUJGCVTDqGBu4AKcBMVwnq13YtHb5VomMwBWq/8cwFxp19rYxDM8i93ACaxOcvl3CYPMczwSEszucyrEHUT/FC6onEfiJJ8GnssgtVtrLlxlfnAEE7PX2naPiBFDIFxHb1GiZAcrlSKlrjSF9aWhgDbweMlmXMJUOJQ5diQVXz7r2yfAVpuuikTinP8SrsNuD+KCVjIaVjHi7dVcXhb/Gx88icw8RYu8xS7Kx33M58lan+uLAKTiYQapgv/1x+h2T7p1OxduJFKzzENFlK5t1ECe+VIGt500wOkhVhWD1XzWyBl28cHi0y7VpxEVc6JPY1d7vBubzRLQRn5K57EzI3UnN48mqR3ErgOqptxodAql3FskxTY4FRzj0tBcn+43PcBI3A5cy85GxHv0fDjeKHZNanjhdg1RN6XazvvtetQqlcW6tZ/bnjRv2hBmhzIeT73c7GZ3UTZVUYVxgRPTDFHvl/HGeA2M5FtoxDqiREYltbndWLuo/FLd5sC+4ALmvxlsZyp9Kn3m3vzszICMXaz1sb1cL9lhDWviNCsWL2raIIx9RRtTxM7lvDuLGJ3VnV1FfT6HUjHHbBrE8iHV8oCMXW8l+guLvDMgYx9tDcaODsjY/NZgbAq/q+T3Kz0drNbw4tM3P8bOtlrLi+KkzKOh27w+1G5Jg9uwz9wcQ7cG3SWJp8GpFN/RHj1KO+ihmCX/OBudxe8jlmtlWh2lqNSxPeK5nn8BPgwi0dd0GXEAAAAASUVORK5CIIA=');

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

Chrome and other browsers open it without any problem, except Mozilla Firefox. It show me blank image and when I try to open image manually, it gives me error:

图片:数据:图像/ PNG; BASE64,IV ... 5CIIA = 的无法显示
  因为它包含错误

The image: "data:image/png;base64,iV...5CIIA=" cannot be displayed because it contains errors

任何想法,为什么发生这种情况,以及如何解决?

Any ideas why this happens and how to fix?

下面是尝试小提琴: http://jsfiddle.net/zur4ik/QUXV5/

推荐答案

看起来像有什么毛病实际的base64数据。看到类似工作例如基于图像/ PNG 的;的base64 文件。

Looks like there's something wrong with the actual base64 data. See similar working example based on a image/png;base64 file.

尝试使用这些工具来 EN code 并的德code 您的文件。

Try using these tools to encode and decode your files.

这篇关于Base64编码的图像无法在Firefox加载的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆