设置＆LT; IMG＆GT;使用Javascript SRC为Base64恩codeD映像失败 [英] Setting <img> src to Base64-encoded image with Javascript is failing

问题描述

我试图设置＆LT; IMG＆gt;在JavaScript的 的src ，但图像在视觉上丢失;它是空的。运行此code后的图像URL以http://127.0.0.1:8080/%27（我甚至不知道这是从哪里来的）代替数据：图像/ PNG。变量 MYSRC 设置为一个Base64恩codeD映像。

的document.getElementById（ID）的.src ='+ MYSRC +';


这是什么样的URL看起来像设置后：

<$p$p><$c$c>http://127.0.0.1:8080/%27data:image/png;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4RMNRXhpZgAASUkqAAgAAAAQAAABAwABAAAAuAsAAAEBAwABAAAA9gkAAAIBAwADAAAAzgAAAAMBAwABAAAAAQAAAAYBAwABAAAAAgAAAA4BAgAfAAAA1AAAABIBAwABAAAAAAAAABUBAwABAAAAAwAAABoBBQABAAAA9AAAABsBBQABAAAA/AAAABwBAwABAAAAAQAAACgBAwABAAAAAgAAADEBAgALAAAABAEAADIBAgAUAAAAEAEAADsBAgAEAAAAUm9uAGmHBAABAAAAJAEAAHwBAAAIAAgACABJbWFnZSBjb252ZXJ0ZWQgdXNpbmcgaWZmdG9hbnkAAMDGLQAQJwAAwMYtABAnAABQaWNhc2EgMy4wAAAyMDA4OjA2OjA2IDEwOjM2OjEyAAQAAaADAAEAAAD...

解决方案

您应该设置的src 无撇号：

的document.getElementById（ID）的.src = MYSRC;


I'm trying to set <img> src with JavaScript, but the image is missing visually; it is empty. The image URL after running this code starts with "http://127.0.0.1:8080/%27" (I don't even know where this came from) instead of "data: image/png". The variable mySrc is set to a Base64-encoded image.

document.getElementById(id).src="'"+mySrc+"'";

This is what the URL looks like after setting it:

http://127.0.0.1:8080/%27data:image/png;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4RMNRXhpZgAASUkqAAgAAAAQAAABAwABAAAAuAsAAAEBAwABAAAA9gkAAAIBAwADAAAAzgAAAAMBAwABAAAAAQAAAAYBAwABAAAAAgAAAA4BAgAfAAAA1AAAABIBAwABAAAAAAAAABUBAwABAAAAAwAAABoBBQABAAAA9AAAABsBBQABAAAA/AAAABwBAwABAAAAAQAAACgBAwABAAAAAgAAADEBAgALAAAABAEAADIBAgAUAAAAEAEAADsBAgAEAAAAUm9uAGmHBAABAAAAJAEAAHwBAAAIAAgACABJbWFnZSBjb252ZXJ0ZWQgdXNpbmcgaWZmdG9hbnkAAMDGLQAQJwAAwMYtABAnAABQaWNhc2EgMy4wAAAyMDA4OjA2OjA2IDEwOjM2OjEyAAQAAaADAAEAAAD...

解决方案

You should set src without apostrophes:

document.getElementById(id).src=mySrc;

这篇关于设置＆LT; IMG＆GT;使用Javascript SRC为Base64恩codeD映像失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！