私のウェブサイトのアイコンを埋め込みたいと思います。関連するHTMLは、Googleドライブのフォルダから「src = ...」を使用して取得します。私はフォルダと画像ファイルにパブリックアクセス権を与えました。 (最後に、GoogleプラットフォームでもHTMLコードを実行したいが、ローカルに保存されているHTMLファイルでも問題を示すことができる。)Googleドライブの画像ファイルへのHTML参照が機能しません
私のフォルダや画像ファイルにリンクを直接使用するとブラウザ、それらが表示されます。だから権威の問題はないと私は思う。また、ローカルPC上のイメージファイルのコピーへの参照を使用すると、それは動作します。
以下のコードは4件を示しています。最初の2つは、ローカルに保存されているファイルを参照していますが、最後の2つはGoogleドライブのファイルを参照して動作しません。ご覧のとおり
、最後の二つは失敗し、次のように
<!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>
結果があります。構文や概念の理解に間違いがありますか?
ご協力いただきありがとうございます。