<img> srcをBase64でエンコードされた画像とJavascriptが一致しない

Question

JavaScriptで<img>srcを設定しようとしていますが、画像が視覚的に欠落しています。それは空です。このコードを実行した後の画像のURLは"data: image/png"の代わりに"http://127.0.0.1:8080/%27"で始まります（どこから来たのかわかりません）。変数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;