How do you pass a javascript variable to this?

[dusky knoll]

so i have an <img> element in HTML and i want to pass a javascript variable through the src=" "

how would i go about doing that?

[vestal shore]

You'd find the element by giving it an id, and then you could modifying the source attribute that way.

document.getElementById("img_id").src = "awesome.png";

[dusky knoll]

can i do that in jquery like this?

$('#img_id').src="awesome.png";

[vestal shore]

If you're using jquery, yeah

that should work.

[dusky knoll]

$('#pfp').on('input', function() {
            var data = $("#pfp").val();
            $("#pPfp").src = data;
        })
```it doesnt seem to recognise .src, atleast i think

"pfp" is the id of the file input
"pPfp" is the id of the img element

i want it so that when the user selects an image that image shows up

[dusky knoll]

so i used alert() to display "data" here, why does it say fakepath?? how do you get the real path?

[mild viper]

The fakepath note there is the security implementation of your browser. Some browsers have a security feature that prevents JavaScript from knowing your file's local full path.

[dusky knoll]

well then how am i supposed to display the image if i dont know the actual path?

[mild viper]

find a safer way

I guess

[jolly salmon]

Upload it, and then display it