2016-12-02 3 views
1

私のウェブサイトのアイコンを埋め込みたいと思います。関連するHTMLは、Googleドライブのフォルダから「src = ...」を使用して取得します。私はフォルダと画像ファイルにパブリックアクセス権を与えました。 (最後に、GoogleプラットフォームでもHTMLコードを実行したいが、ローカルに保存されているHTMLファイルでも問題を示すことができる。)Googleドライブの画像ファイルへのHTML参照が機能しません

私のフォルダや画像ファイルにリンクを直接使用するとブラウザ、それらが表示されます。だから権威の問題はないと私は思う。また、ローカルPC上のイメージファイルのコピーへの参照を使用すると、それは動作します。

以下のコードは4件を示しています。最初の2つは、ローカルに保存されているファイルを参照していますが、最後の2つはGoogleドライブのファイルを参照して動作しません。ご覧のとおり enter image description here

、最後の二つは失敗し、次のように

 <!DOCTYPE html> 
    <html> 
    <head> 
    Test on local PC 
    <br><br> 
    </head> 
    <body> 

    1. Image from same directory in which this html code resides 
    <br> 
    Method: src="test.png" 
    <br> 
    <img id="myImg" src="test.png" width="50" height="50"> 
    <br> 

    2. Image from directory on local PC 
    <br> 
    Method: src="C:/Users/MattheisenP/Desktop/test.png" 
    <br> 
    <img id="myImg" src="C:/Users/MattheisenP/Desktop/test.png" width="50" height="50"> 
    <br> 

    3. Image from directory on Google Drive using the drive's key 
    <br> 
    Method: src="https://drive.google.com/drive/folders/0B9P-4EpF1HhMXzdoQ2tJSXotVmc/test.png" 
    <br> 
    Using this url... https://drive.google.com/drive/folders/0B9P-4EpF1HhMXzdoQ2tJSXotVmc in the browser brings me to the folder 
    <br> 
    <img id="myImg" src="https://drive.google.com/drive/folders/0B9P-4EpF1HhMXzdoQ2tJSXotVmc/test.png" width="50" height="50"> 
    <br> 


    4. Image from directory on Google Drive using the files key 
    <br> 
    Method: src= "https://drive.google.com/file/d/0B9P-4EpF1HhMb0trR1NXbVhXNTg" 
    <br> 
    Using this url... https://drive.google.com/file/d/0B9P-4EpF1HhMb0trR1NXbVhXNTg in the browser displays the icon 
    <br> 
    <img id="myImg" src="https://drive.google.com/file/d/0B9P-4EpF1HhMb0trR1NXbVhXNTg" width="50" height="50"> 
    <br> 
    </body> 

結果があります。構文や概念の理解に間違いがありますか?

ご協力いただきありがとうございます。

答えて

0

今度は、動作する構文が見つかりました: https://docs.google.com/uc?id=がFileIDで拡張されました。上記の例では、

 <img id="myImg" src="https://docs.google.com/uc?id=0B9P-4EpF1HhMb0trR1NXbVhXNTg" width="50" height="50"> 

という結果が得られ、アイコンが表示されます。したがって、ファイルIDはアクセス権だけでなく正しいです。しかし、いくつかの記事で提案され、上記のケース3と4で使用されたメソッド/構文は(少なくとも私にとっては)うまくいきませんでした。 https://docs.google.com/uc?id=の構文は、必要に応じてイメージを提供します。

関連する問題