Javascript IE8无法读取数据URL图像

Javascript IE8无法读取数据URL图像,javascript,internet-explorer-8,data-uri,data-url,Javascript,Internet Explorer 8,Data Uri,Data Url,我有一个2D条形码生成器,在(Java)后端生成一些条形码。它给我数据URL,我使用Javascript在客户端设置它们。在Chrome和Firefox中都可以正常工作。但在IE8中不是这样(当然!),尽管一半的图像工作,一半不工作 我的图像只有几百字节(比32kb小得多) 以下是一个在IE8中工作的非示例: 数据:图像/png;base64,IVBORW0KGGOAAAANSUHEUGAABGAAAYCAAAADFHGIKAAAACXBIWXMAAASTAAALEWEAMPWYAAAAENRF

我有一个2D条形码生成器,在(Java)后端生成一些条形码。它给我数据URL,我使用Javascript在客户端设置它们。在Chrome和Firefox中都可以正常工作。但在IE8中不是这样(当然!),尽管一半的图像工作,一半不工作

我的图像只有几百字节(比32kb小得多)

以下是一个在IE8中工作的示例:

数据:图像/png;base64,IVBORW0KGGOAAAANSUHEUGAABGAAAYCAAAADFHGIKAAAACXBIWXMAAASTAAALEWEAMPWYAAAAENRFWHRTB2Z0D2FYZQBCYXJJB2RYJNYUAAGKLEQVR42NVRIXKAMAJY/3+A2HBWDVTDD1ELFXOXS6+9v1+F/+ICFS5JPGQSQOSY3MQBVGSEDC7Q4FAQRRIjDRIJJ1IG2SATGQKECC3QQIRIJ4K6OMG1VD4W3K4W3K4K8LK4K4KK4KKK4K4KK4KK4KJJJJJJJJJJJRYYK4K4K4K4K4KJJJJJJJJJJJJJJJJJJJJJJJJ

以下是IE8中工作的一个示例:

数据:图像/png;base64,2月2日,一个新的研究发现了一个新的研究成果。一个新的研究发现了一个新的研究成果。2月2日,一个新的研究发现了一个新的研究成果。2月2日,一个新的研究发现了一个新的研究结果。2月2日,一个新的研究发现了一个新的研究领域,一个新的研究发现一个新的研究结果,一个新的研究结果是一个新的研究发现了一个关于一个关于一个新的研究。2月2月,一个研究发现了一个新的研究结果,一个关于一个关于一个新的一个关于一个新的研究的一个关于一个问题,一个关于一个新的研究的一个关于一个关于一个研究,一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个关于一个研究的研究的研究的2 2 2 2 2号的研究的研究的研究QC1H2Y4SHGU0WPCMZFXJhMjrTO00K3uDd7MXm8SSdKc1fej/7LLGTK+8YVPW0JZRGZ15SQXWBUGCTXOXIOIDGLX3RUN1LOZCP5MKZZUMLKIM9JNGS9EZF2MXUZ8R2E33B2PHKLEJ4PKAAAAELFTKSUQMCC

这是一本书。JS fiddle在IE8中工作得不太好,因此请使用它直接查看结果


如果您对该问题的原因有所了解,请分享:)

由于某种原因,失败的base64解码
.png
无效。如果下载图像并重新保存,则文件大小不同

我看到237字节的原始诗句409字节的重新保存副本

这可以通过工具进行确认

使用以下有效的
re-saved.png
base64编码数据修复了IE8中的问题

background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABJ0RVh0U29mdHdhcmUAQmFyY29kZTRK8o52LgAAAPlJREFUSEu1VdESwyAM6v7/o7vpqYcEova6vnRmNSRA9HP/nuufTwMorwL06rvm5MQI0n9X1FZAialCOD6+wY09kYqdgE15dpJx9QjGHYfukCJFBbbOHeLa/Wc1QDDFv6OW4xPAqZCuCKkBU6XcEqprjurfSoe5TRlFmVVDoRkAWzOztLP40IDtpShjlznX2TlALhFATbeb5kcuYhGzM4vnJsxBRoPiWek0dc9UZMcAT26oFmw7ClVcq7F3+rCdrQacwFGVHRvsvLpebXD+lsngwrL3wVI0uHB2DBE6UMezGkI11dtn0Yo2dcko90kN1FA9jQ0A9veb6y86oobBWhxQUgAAAABJRU5ErkJggg==);

我认为Chrome和Firefox对这个问题比较宽容。

一定是一个原生的IE8 bug,它在IE10中使用browsermode IE8.thanx对我有效,我们将搜索一个更新的库,或者在png的staid中尝试jpg。好工具顺便说一句。
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABJ0RVh0U29mdHdhcmUAQmFyY29kZTRK8o52LgAAAPlJREFUSEu1VdESwyAM6v7/o7vpqYcEova6vnRmNSRA9HP/nuufTwMorwL06rvm5MQI0n9X1FZAialCOD6+wY09kYqdgE15dpJx9QjGHYfukCJFBbbOHeLa/Wc1QDDFv6OW4xPAqZCuCKkBU6XcEqprjurfSoe5TRlFmVVDoRkAWzOztLP40IDtpShjlznX2TlALhFATbeb5kcuYhGzM4vnJsxBRoPiWek0dc9UZMcAT26oFmw7ClVcq7F3+rCdrQacwFGVHRvsvLpebXD+lsngwrL3wVI0uHB2DBE6UMezGkI11dtn0Yo2dcko90kN1FA9jQ0A9veb6y86oobBWhxQUgAAAABJRU5ErkJggg==);