如何在谷歌應用程序腳本中使用<img src >

我想使用src屬性在google apps腳本中顯示圖像。我把文件夾ID和路徑。但圖像無法顯示。我在這裏分享了文件夾。如何在谷歌應用程序腳本中使用<img src >

謝謝你的幫助！

https://drive.google.com/drive/folders/0ByNw-B9nXMcbMkxHTGt2X2xUTzQ

function doGet() { 
var html = HtmlService.createTemplateFromFile('index').evaluate() 
.setTitle('picture').setSandboxMode(HtmlService.SandboxMode.NATIVE); 
return html; 
} 

<!DOCTYPE html> 
<html> 
    <head> 
    <base target="_top"> 
    </head> 
    <body> 
    <p> Dispaly picture </p> 
    <p><img src="https://drive.google.com/drive/folders/0ByNw-B9nXMcbMkxHTGt2X2xUTzQ/200w.gif"> </p> 
    </body> 
</html>

來源

2017-05-08 Jona

的img src=""要求你要顯示的實際圖像，不包含它的文件夾中的網址。要獲得正確的鏈接，您需要在自己的窗口中打開圖片或點擊共享並獲取鏈接。

正確的鏈接，你的形象是：

https://drive.google.com/uc?export=download&id=

：

https://drive.google.com/file/d/0ByNw-B9nXMcbSTN2S2ZiYWprdzA/view

要在src時，您需要將FILEID添加到這種格式URL的末尾使用此所以它變成：

https://drive.google.com/uc?export=download&id=0ByNw-B9nXMcbSTN2S2ZiYWprdzA

來源

2017-05-08 09:54:12

由於某些原因，James Donnellan接受的答案對我無效。當我發佈該頁面時，我可以看到圖像，但其他人無法看到。我檢查了共享設置，並試圖用「作爲我執行」選項發佈。與給定的鏈接也嘗試過，相同的結果。

儘管上面提到的方法使用起來更加簡單，但我想分享一下在別人遇到同樣問題的情況下我的工作方式。我使用的圖像轉換爲字節：

在應用程序腳本：

function loadImageBytes(){ 
var id = "your_drive_file_id" 
var bytes = DriveApp.getFileById(id).getBlob().getBytes(); 
return Utilities.base64Encode(bytes); 
}

在Javascript中

google.script.run 
.withSuccessHandler(function(bytes){ showImage(bytes) }) 
.loadImageBytes(); 

function showImage(bytes){ 
document.getElementById("ItemPreview").src = "data:image/png;base64," + bytes; 
}

希望這有助於任何人。

來源

2017-08-10 01:59:54 FatFingersJackson

如何在谷歌應用程序腳本中使用<img src >

回答

相關問題