本文介绍: 比如,如果使用 UTF-8 编码的 HTML 页面包含 GBK 编码base64 编码图片数据,就会导致图片无法正常解码显示。但是,在 HTML 中使用 base64 编码图片时,如果 base64 编码存在换行符,就会导致浏览器无法正确解码显示图片。7、跨域问题:如果 base64 编码的图片数据是从其他域名协议加载的,可能会受到浏览器跨域限制而无法正常显示。8、网络传输问题:在网络传输过程中,如果 base64 编码的图片数据丢失、损坏或被篡改,就会导致图片无法正常显示

如果使用 base64 编码的图片在 HTML 的 img 元素中无法显示,可能有以下几个原因

 

var base64Str = "data:image/png;base64,iVBORw0KGg..."; // 带换行符的 base64 编码

var img = new Image();
img.onload = function () {
  document.body.appendChild(img);
};
img.src = base64Str.replace(/s/g, ""); // 去掉所有空格换行

原文地址:https://blog.csdn.net/lwf3115841/article/details/129402325

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_23774.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注