Display Pictures on Web App using Google Apps Script

[@stefanorossi3632]

hi, even if I'm Italian and not an expert in the English language, I congratulate you for your very comprehensive lessons, thank you with all my heart .

[@ademoor]

Thanks, Curt, very useful explanation of a core piece of GAS-based website infrastructure.

[@ChizmarFarms]

Thanks for making this video! It has been the only one that I can find on how to display an image in a Google Apps Script HTML web page. I followed your instructions and am successful displaying images using a computer, but the images do not display on mobile devices. Have you seen this issue and if yes, do you know a fix? Thanks for all of your videos!

[@CodeWithCurt]

Google Apps Script Code used in Video Below:
function doGet(e) {
var htmlOutput = HtmlService.createTemplateFromFile('DisplayFile');

var pictures = getPictures();

htmlOutput.pictures = pictures;
return htmlOutput.evaluate();
}
function getPictures()
{
var destination_id = ''; // ID OF GOOGLE DRIVE DIRECTORY;
var destination = DriveApp.getFolderById(destination_id);

var files = destination.getFiles();
var file_array = [];

while (files.hasNext())
{
var file = files.next();
file_array.push(file.getId());
}
return file_array;
}

[@Albie55292]

now that method doesn't work, maybe Google changed the policy, my script that displays images from Google Drive, the images don't appear

[@derykp9877]

same issue here and no support or mention of the change.

[@Albie55292]

but if opened in new tab, the image from that url displayed well

[@mpratt]

@@Albie55292 I noticed that too

[@ceddtbh]

how did you solve it? i managed to fix it by using the thumbnail?id=xxx url

[@thatsmeee111]

​@@ceddtbh Hiw please!

[@nurasian7355]

Wow, thank you. If put link in Google Sheet and public same video, can it.

[@halogorty5241]

Thanks sir ,
I used your method to export pdf file from Google drive and use theme in html in table when user click in it , it goes to that file . But I have a question
How can I print the name of each file in table please??

[@CodeWithCurt]

HTML File Code used in Video Below:




Display Pictures

[@nurasian7355]

Thank you.

[@tanveerhussain3881]

thank you. bcoz
I am waiting from 1 year for view image in google script
bcoz
I want to make ecommerc site in google script

[@carlobarbadillo2523]

Hey wonder if you can shows how to do it with just a single Picture to display. More like a banner or something. Thanks

[@febielyngasapo9775]

Hi! Is it possible to display the image file name as well?

[@BapaqCuChannel]

Hai crut, how to make automatic play music song on web app?

[@christellembuyi7823]

Hello Code with Curt,
How do you insert the background image on the google sheet spreadsheet?

[@jayasri-ft8040]

Wow. Excellent bro. Superb. Thanks

[@chandankumarmishralastmile5761]

Hi Thanks Can we add Video and Images and Voice Recorde with discription if yes kinldy Guide

[@smajekulo3953]

thank you for the tutorial sir, please help, how to display one page of 6 images, and the next image press the next button

[@mayursawant7992]

Sir...How to create responsive video playlist gallery in login and logout using google webapp script...

[@ksnarasimhan1955]

Its nice. But the url is not displaying in mobile device. Can you give a solution.

[@carlosmolina3144]

Gracias, me funciono perfecto!!! thx!

[@PRINCESSJANESOCITO]

Can you give us a tutorial about how to set background pictures from Google Drive on a Web App using Google Apps Script?

[@stefanorossi3632]

hello, I like these tutorials so much that, if you authorize me, I would like to take a cue from them to make them in Italian.

[@musavirr]

Thanks 👍

[@jonhlouieoledan5880]

Hi Sir,
I tried to use the code but it has an error
"ReferenceError: pictures is not defined
eval
eval
doGet @ Code.gs:2"
How to fix this sir?

[@CodeWithCurt]

The error is showing up because it can't find the picture id's from the getPictures() function. Make sure the id is set right for the directory in which you are pulling the pictures.

[@cesardragonst]

hola, en el PC me sirvió para ver las imágenes pero al ejecutarlo desde mi smartphone no se muestran las imágenes.. +_me puedes ayudar?

[@ОлександрГалущенко-к9ш]

Hello,
I have the same problem.
on PC this code works fine but iPhone does not display images from google drive.

[@spector456]

how to make a nav bar with a logo in google app script?

[@asambleacristiana6552]

im sorry, i can see the code, where is it?

[@sidduchinmay4599]

hey curt how to display image by giving password

[@douglasteixeiradeabreu]

How to display name file?

[@sureshatsasi]

Display with google sheet image url into link file used

[@ovaismajid8989]

Hey curt
Can u please tell me how to do a section based answer thing like that in google forms.
Please provide the script