CODEWITHSUNDEEP
google-chrome-extensiongoogle-drive-apipicker
user1745649
user1745649

Reputation: 137

Display image in a packagedapp/extension after selecting from Google Drive

My packaged app gets images from google drive and then display them on the side. But I can't get the images to be displayed. I am trying to get the url of the image so that I can put that url in an image source. The image url that I am getting is actually an html page rather than jpeg, png etc. I have looked at the reference guide for google picker but nothing seems to work.

I am using this

    function pickerCallback(data) {
    if (data.action == google.picker.Action.PICKED) {   
    var fileId = data.docs[0].id;
    fileName = data.docs[0].name;
    imgURL = data.docs[0].url;
    }

I want to use imgURL as the source for image selection but imgURL is not something like "https//:www.example.com/image.jpg. It is rather an html page I want something that ends with file type only then it will be able to display the image. Please let me know how can I get the image to be displayed in html page of my packaged app after selecting it from google drive.

Upvotes: 0

Views: 168

Answers (1)

Ali Afshar
Ali Afshar

Reputation: 41667

You should fetch the metadata of the image, then use the webContentLink of the image, then the user can view it in a logged in browser. See the documentation on downloads for more information.

Upvotes: 1

Related Questions