Can I import an image | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

Can I import an image

I AM DOING AN HTML / CSS /JS PROJECT AND IS THERE ANY WAY I CAN INSERT AN IMAGE FROM MY PHOTO LIBRARY INSTEAD OF FROM THE INTERENT?

11th Jul 2020, 4:23 AM
Ariyan Andalib
Ariyan Andalib - avatar
5 Answers
+ 6
Ariyan Andalib I have found some threads for you. Please use the search bar🔎 next time For search bar https://www.sololearn.com/post/10362/?ref=app https://www.sololearn.com/post/459751/?ref=app
11th Jul 2020, 4:25 AM
Simba
Simba - avatar
+ 6
Ariyan Andalib Upload your screenshots to www.imgbb.com and then click on the site. The web page will open and then click on start uploading and select photo that you want to upload. then click on start and your image will be uploaded now what you have to do that there are certain options from which you have to select HTML thumbnail. And then copy the image JPG. It will be in the form <img src = "img jpg">
11th Jul 2020, 4:30 AM
Nilesh
+ 2
Simba. i dont have a web link to my photos. they are screenshots
11th Jul 2020, 4:26 AM
Ariyan Andalib
Ariyan Andalib - avatar
0
Hi, For accessing the image in your local computer, you can use the following: <img src="picture.jpg"> // this would access file that is located in the same folder as the current page. <img src="../picture.jpg"> // you would use this if the "picture.jpg" file is located in the folder one level up from the current folder. If you are storing your image in a database (for dynamic website) and use a code such as php you can use the following: //this would get it from the database $get_photourla=$conn->real_escape_string($row['photo_url']); //this references the code in the appropriate div: <div class='col-9'><img src=$get_photourla class='d-block w-100' alt='Responsive image'></div>
11th Jul 2020, 5:03 AM
JessP
JessP - avatar
0
background-image: url("<a href="https://ibb.co/JBqSPtL"><img src="https://i.ibb.co/JBqSPtL/BF86-D860-2-A3-E-4-B11-94-A8-877-CC83-F037-A.jpg" alt="BF86-D860-2-A3-E-4-B11-94-A8-877-CC83-F037-A" border="0"></a>"); this is my code. i used the html thumbnail. it still doesnt work. this is css btw how do i make it work?
11th Jul 2020, 5:07 AM
Ariyan Andalib
Ariyan Andalib - avatar