设置<img> src转换为使用Javascript的Base64编码图像失败

Question

我试图使用JavaScript设置<img>src，但图像缺少可视化效果;它是空的。运行此代码后的图像URL以"http://127.0.0.1:8080/%27"（我甚至不知道这是从哪里来的）开始，而不是"data: image/png"。变量mySrc被设置为Base64编码的图像。

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

这就是URL的样子设置之后：

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

Answer 1

您应该设置src没有撇号：

document.getElementById(id).src=mySrc;