使用 Google Apps Scripts 将 Google Drive 图像插入到模板化的 html 中

Question

I am using templated html and HtmlService in Google Apps Scripts to generate pdf reports. I am trying to insert an image from my Google Drive into the html template.

The templated html looks like this:

<img src= <?= DriveApp.getFileById("1234567890-abcdefghijklmnopqrstuvwxyz").getAs("image/jpeg");?> >

and the output html looks like this:

<img src="Blob">

If I remove the .getAs() function then the output is:

<img src="image name.jpg"> 

Both snippets of code only result in a hollow, square box only a few pixels wide when the html is evaluated. Is there any way that the image can be inserted into the html instead of a Blob or File objects?

Answer 1

It's because the IMG tag cannot use a blob as a source, use

<img src= <?= DriveApp.getFileById(id).getDownloadUrl();?> >

Chek the documentation getDowloadUrl()

Answer 2

Regarding to put an image into HTML in google apps script you should:

1. Upload to google drive
2. Get the ID of the image
3. Then put in in the format below

img src="https://drive.google.com/uc?export=view&id=1dPKfyZlZFZzauqA8DcaB3h6oHX7sPqs8" width="150px" height="200px" border="5"

1dPKfyZlZFZzauqA8DcaB3h6oHX7sPqs8 is the ID of the picture.