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

Question

我在 Google Apps Scripts 中使用模板化的 html 和 HtmlService 來生成 pdf 報告。 我正在嘗試將我的 Google Drive 中的圖像插入到 html 模板中。

模板化的 html 如下所示：

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

輸出 html 如下所示：

<img src="Blob">

如果我刪除.getAs()函數，則輸出為：

<img src="image name.jpg"> 

在評估 html 時，這兩個代碼片段只會產生一個只有幾個像素寬的空心方形框。 有什么方法可以將圖像插入 html 而不是Blob或File對象嗎？

Answer 1

這是因為 IMG 標簽不能使用 blob 作為源，使用

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

查看文檔getDowloadUrl()

Answer 2

關於在谷歌應用程序腳本中將圖像放入 HTML，您應該：

1. 上傳到谷歌驅動器
2. 獲取圖片的ID
3. 然后按照下面的格式輸入

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

1dPKfyZlZFZzauqA8DcaB3h6oHX7sPqs8是圖片的ID。