How i upload a image on my website?

Hey there,

I’m not sure why but I cannot get images to show up on my site:
http://metalvain.epizy.com/

Here is the picture location: htdocs/assets/me.jpg

and here is my html:

<img
          class="profilePic"
          src="assets/me.jpeg"
          onmouseover="this.src='assets/meAlt.jpeg'"
          onmouseout="this.src='assets/me.jpeg'"
/>

browser reports that the images are damaged
create them again and upload them again
and use the .jpg extension instead of .jpeg

7 Likes

Hello, I have re-uploaded and changed the extension to .jpg but the issue persists. Where are you seeing that the images are damaged? FWIW, it works fine when using VS Code Live Server. Thanks for the reply!

UPDATE: I tried again using an FTP plugin named “ftp-sync” with VS Code and it worked!

3 Likes

I visited every img file you have here

image

and the browser tells me that they are damaged.
The browser displays a short text in which it says that is unable to open/show imgs because they are damaged.
Probably some important part is missing inside or there was an error during upload.

They are fine now - I see them all now

3 Likes