browser doesn't show image just a broken thumbnail. what to do?

Question

i put the image tag and code right but image isn't showing when i try to open the html file in the browser. the browser just shows a broken thumbnail

Answer 1

local file address is for local view only.

upload your image to a web host, for example dropbox.

here is tutorial:

[Tutorial] Upload content from your device to CodePlayground - The Dropbox way
https://code.sololearn.com/WW6t4B73kJVz/?ref=app

Answer 2

Hello, 😊
If you need help you can post the code you are struggling with!

 • SEARCH for similar QUESTIONS or ANSWERS before posting

 • Include relevant TAGS

 • https://www.sololearn.com/post/75089/?ref=app
 • https://code.sololearn.com/WvG0MJq2dQ6y/

Answer 3

What's the URL you're using for the image?

Answer 4

To make images from Google Drive available for web access, you need to apply api key from Google.

Answer 5

yes

the image must be on internet for others to see

Answer 6

radib r. Easy but troublesome. Better use Dropbox.

Answer 7

Put a link to the code alongside your question

Answer 8

it is your Google drive setting for that image file. You can set it public to allow inauthenticated access to your image files. However, I must warn you, if you click the wrong option, you might unintentionally make all you files in Google drive public.

Answer 9

Gordon so the image file in my local storage will not show in the browser?
the image file has to be in the web, is that it?

Answer 10

Helô me to understand ir.

Answer 11

Gordon all right, the dropbox method worked, thank you very much for that but if i try the same thing with google drive, copy the link and paste it, it doesn't work. browser doesn't show the image.
but browser shows the image in dropbox method.
is there any way or any code that will make browser to show image from google drive?

Answer 12

Calviղ what is api key from google and how to apply it
is it easy or very hard to do