Embedding or sharing a image or photo uploaded to Google Drive.

example.html

<a href="https://drive.google.com/uc?export=view&id=XXX"><img src="https://drive.google.com/uc?export=view&id=XXX" style="width: 500px; max-width: 100%; height: auto" title="Click for the larger version." /></a>

notes.md

You'll need to grab the ID of the image. Easiest way on the desktop is to right click the file, dive into the Google Drive subcontext menu and choose View on the Web. Grab the string of characters from there and replace the XXX in the code below with it.

anyone looking to strip the id from a url this worked for me

var url = https://drive.google.com/open?id=yourID
var id = url.field2.split("?")[1].split("id=");
console.log(id[1])

Thank you so much @ildarius.
I resolved the image showing problem from google drive.

Thank you so much for this!! It's working fine!

I am using google drive list api to get all the images from my drive. I'm getting id, name and webviewlink from the drive list api and sending the list of ids and webview links to my react application. but nothing is working for me. I tried , but still not working for me. Anyone has the solution.