how do i add pictures in javascript

#javascript #programming #beginners #tutorial

i have been having a hard time trying to get pictures into my script i have been using JSFiddle and i need help

Top comments (6)

Prakhar Tandon • Feb 11 '22

You can use document.createElement() method to create an an empty img element, then add the source.

function img_add() {
            var img = document.createElement('img');
            img.src = #    //link to image
            document.getElementById('body').appendChild(img);
}

I think that's what you were looking for, right?

Austin • Mar 1 '22

yes thank you

CuriousDev • Feb 12 '22

If you want to load an image into the page, this looks fine. If you do not want to load it into the DOM, then you should be able to do a simple HTTP request to get the image.
Can you please describe the issue more, @looph8le ?

Austin • Mar 8 '22

i dont know how to add pictures to javascript

JoelBonetR 🥇 • Feb 13 '22

Get pictures from where? If it's from an API then fetch is your friend. If it's from your computer you can use an <input type="file" /> + an eventlistener; onChange should work.

BTW I would suggest to change the #tutorial tag for #help