使用Google Apps脚本将Google云端硬盘图片插入模板化的html

时间:2017-03-02 17:03:59

标签: javascript html google-apps-script blob drive

我在Google Apps脚本中使用模板化的html和HtmlService来生成pdf报告。我正在尝试将我的Google云端硬盘中的图片插入到html模板中。

模板化的html看起来像这样:

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

,输出html如下所示:

<img src="Blob">

如果删除.getAs()函数,则输出为:

<img src="image name.jpg"> 

在评估html时,两个代码片段只会产生一个空心的方框,只有几个像素宽。有没有办法将图像插入到html而不是BlobFile个对象中?

2 个答案:

答案 0 :(得分:0)

这是因为IMG标签不能使用blob作为源,请使用

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

谢谢文档getDowloadUrl()

答案 1 :(得分:-1)

关于将图像放入Google Apps脚本中的HTML中,您应该:

  1. 上传到Google云端硬盘
  2. 获取图像的ID
  3. 然后以下面的格式输入
img src="https://drive.google.com/uc?export=view&id=1dPKfyZlZFZzauqA8DcaB3h6oHX7sPqs8" width="150px" height="200px" border="5"

1dPKfyZlZFZzauqA8DcaB3h6oHX7sPqs8是图片的ID。