How to upload images in html - Replit

Skip to content

← Back to Community

How to upload images in html

How do you put in images from your files into a website? (Btw i'm on chrome)

Answered by QuantumCodes [earned 5 cycles]

Voters

Comments

<img src = "put link here"> btw, somehow when i tried putting <img src="img.png"> and img.png was in replit, it didnt work. So, instead if you can, host your image online...

thank you so much, I didn't know you had to upload the image into replit.

actually.... how did u do it? XP i tried but i failed... so i used a http link... Fact: i actually use scratch : Ankit_Anmol but... i am banned

you have to upload the image in to replit, there's a button that says upload file

i know how to upload... idk how to img src thing.. it just doesnt work for me. You saves where? In the same folder as the html file?

wdym

nvm

how do you put an image on asus

Well, if you want to permanently upload it, you need a backend like Python, PHP, Node.js, Java, or Go.

Using a bit of javascript this is accomplished:
https://stackoverflow.com/questions/49942611/how-to-display-a-photo-uploaded-by-user-in-html-and-javascript

<input type="file">

what do i put in the src?

nothing

then how would it know what image to put?

wdym

the src is what the image is, what do I put there?

ohh

you can't directly pull files from a user's computer

they have to upload it

?

then how do you upload it?

<input type="file">

tell me what I did wrong, but i put in,

<input type="file"> AND NOTHING ELSE

YOU CANT SPECIFY WHICH FILE

https://replit.com/@ch1ck3n/i-got-a-freaking-rectangle#index.html

oh, your talking about the wrong thing. I mean how do I input a an image from MY computer?

<img src="Logo1.png">

not working for me

send me your repl

https://northerntechgamesandsoftware.afm555.repl.co/ I'm trying to put a second image after the first one.

works for me

what works for you?