2017-05-08 9 views
1

src属性を使用してGoogleアプリスクリプトで画像を表示したいとします。私は、フォルダのIDとパスを入れます。しかし、イメージは表示できませんでした。私はここでフォルダを共有しました。<img src > Google Appsスクリプトでの使用方法

ありがとうございました!

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> 

答えて

4

img src=""表示したい、実際の画像ではなく、それを含むフォルダのURLが必要です。正しいリンクを取得するには、自分のウィンドウで画像を開くか、共有をクリックしてその方法でリンクを取得する必要があります。

あなたのイメージのための正しいリンクは次のとおりです。

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

:あなたはこの形式のURLの末尾にファイルIDを追加する必要が

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

がSRCでこれを使用するにはしたがって、それは次のようになります。

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

0

何らかの理由で、James Donnellanの回答がうまくいかなかった。私がページを公開すると、私はイメージを見ることができますが、他の人は見ることができません。 共有設定を確認し、「実行」オプションで公開しようとしました。与えられたリンクでも同じ結果を試してみました。

上記の方法ははるかに使いやすいですが、他の誰かが同じ問題を抱えている場合に私が働いてくれたことを分かち合いたいと思います。私はバイトに画像を変換する使用:

アプリケーションのスクリプトでは:Javascriptを

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

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

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

これは誰に役立ちます願っています。

関連する問題