How to pass string inside src attribute of image tag <img src=“”> using jquery/javascript?

Question

I have a image tag which is :

<img id="imageUpload" alt="your image" style="display: none;">

I have a base64 code(it is working) of which i have added in string:

var imgName="data:image/png;base64,"+base64codes+"";
console.log(imgName);

How to pass the string value inside the src attribute of image using jquery/javascript?

I tried to pass the imgName inside attr using jquery but it is not working.

$('#imageUpload').attr('src',imgName); 

my console for imgName is :

Answer 1

Your code looks correct. Maybe you just have to remove the style 'display: none'

$('#imageUpload').attr('style', '');