Problem with image tag

HTML-CSS
1

I’m using below code on CodePen to have an image from my google drive, however it doesn’t work.

    <img id="image" src="https://drive.google.com/open?id=1KsaVGgFs8xY7cQQemrl-WZuPtwJLG4Cp">

What I see as result is as below:

01
01840×323 11.7 KB

Anyone can help?

2

When you access the image url, Google Drive returns automatically the viewer webpage instead of image alone. I don’t know if it is possible to avoid this behavior for Gdrive but I know that you can trick Dropbox

From:
https://www.dropbox.com/s/xe1yazbhyt9xas2/image.png?dl=0
To:
https://dl.dropboxusercontent.com/s/xe1yazbhyt9xas2/image.png?dl=0

Search for “google drive image hosting” here in the forum. The topic has been discussed many times in the past.

1 Like
3

Thanks Matteo
I found it on stackoverflow, but the way you advised me to search was really helpful.

<img id="image" src="https://drive.google.com/uc?export=view&id=1KsaVGgFs8xY7cQQemrl-WZuPtwJLG4Cp">
1 Like