Pls help-How to insert an image in stored in our mobile in an html program

Question

I entered <img src =(address of the image)/> but didnt work just shows a blank box

Answer 1

I don't believe you can insert image from your device directly. But as the result of web search, you can upload the image to imgur and use the address of the image. It may work

Answer 2

Atharva Khangar, first of all you need to to upload your images to a reliable place like Dropbox or Google Drive. Then get the actual URL of the image, not a landing page.

Don't like your <img> elements to the images on someone else's web sites. When those image are taken down, your code will look broken, because of missing pictures.

I happen to have a code with one set instructions on how to do that. Hopefully, it will help you:

https://code.sololearn.com/WhmK5WE5bgSe/?ref=app

Answer 3

METHOD 1: DROPBOX Application
--> First Download Dropbox from Playstore.
DownloadLink:
https://play.google.com/store/apps/details?id=com.dropbox.android
--> Upload image that you want to add in HTML on Sololearn.
--> Get link of image from Dropbox that you want to add in HTML on Sololearn.
NOTE: there is "dl=0" at the last of link
Replace it with "raw=1" .
METHOD 2: imgur.com Website
--> First Create your Account.
--> Upload image that you want to add in HTML on Sololearn.
--> Get link of image that you want to add in HTML on Sololearn.

Answer 4

You can use Dropbox or check this code for more understanding 🌺
https://code.sololearn.com/Wy3lrXNwGsgJ/?ref=app

Answer 5

Atharva Khangar

YES YOU CAN DO IT!!

Here's the way you can insert image from your storage...but remember all those images will not show to other as it's not uploaded somewhere it's just in local.

So...what you have to do:

Go to browser type "file:///sdcard"
And from there locate your image file and then copy it's address link and paste it in img src.
Note : here Sdcard is your actual internal storage.
It's better to use it when working on some private coding. :P

<img src = "file:///sdcard/5f0d12a791c8497c9f7368da988b4bfa.jpg" height = "70%" width = "70%" >

Answer 6

https://imgur.com/gallery/EyHnRrihttps://imgur.com/gallery/EyHnRri

Answer 7

Ok here is how it's supposed to be done.
+Go to imgur.com/upload
+Upload the image you want to use
+Click on the image and you can copy a url
+Use that in the src
++Important don't forget to add the image format in the end.++

Answer 8

FYI the reason it didn't work is
You might have copied the url from the image search. But you actually have to go to the source (origin site) of the image and copy the url from there.

Answer 9

Ty very much😊

Answer 10

Gordon Thanks bro and sure I'll be here for a while.

Answer 11

Atharva Khangar did it work ?

Answer 12

It showed a different type of empty box this time

Answer 13

That's bad. Check if
+You used the correct url
+You had internet on
+You wrote Correct code and saved it

Answer 14

I wrote the image part this way:
<img src=" https://images.app.goo.gl/xpUxFCRW4GEm2yNb8"height="100"width="100"/>

Answer 15

Didn't you try imgur?

Answer 16

Umm..nope..

Answer 17

Wht is imagur

Answer 18

Pls tell me. I have been coding since only two days

Answer 19

Try that link and see if it works

Answer 20

K ty