Ask coding questions

← Back to all posts
How to add images from google drive to repl.it html file
mralam4769 (0)

I have an image on google drive and i have shared it so anyone can find it and view it. Here is the link:

https://drive.google.com/open?id=1E4cBDl05x8ifLSAJlrUkHIqLUl1K9xw-

I have created a simple html file and put this image in it but it does not seem to work.

https://repl.it/@mralam4769/australiahtml

I have found an example use of adding images using html on repl.it but my version does not work when the image is on google drive any reason for this?

https://repl.it/@mralam4769/howtoaddimages

Commentshotnewtop
SamuelWaller1 (0)

The image on your drive isn't an image file, it is the google drive page with the image on it. The <img> tag is trying to take the entire page as an image. To fix this,
use this URL instead.:
https://lh3.googleusercontent.com/PrzJzndHghJ0UJXHSSHmn7ZEPSUtddC73DYX86wKBB1iyiQrnsald0ColTiDdl5mS0PS1_NTK45G9GwkMmNm=w1366-h665-rw

This just the image, not a page with the image in it. Hope this helps!

Vandesm14 (704)

You can either upload them manually or use imgur or imagebin.

Giothecoder (13)

Maybe just save the image to your device, then download it, then delete it from you device if you’re so inclined.