27 
<img class="sealImage" alt="Image of Seal" src="file:///C:/Users/Anna/Pictures/Nikon%20Transfer/SEALS%20PROJECT/j3evn.jpg">

画像は表示されず、alt のみが表示されます。しかし、私が行くなら

file:///C:/Users/Anna/Pictures/Nikon%20Transfer/SEALS%20PROJECT/j3evn.jpg

ブラウザに画像が表示されます。

現在、これを Windows マシンの xampp でホストしています。

さまざまなブラウザーを試してみましたが、スペースに %20 を使用する場合と使用しない場合がありますが、正しい方法であることはわかっています (実際には両方で動作しました)。

そして、画像はそれをホストしているマシンでのみ表示されることを知っていますが、それは問題ではありません.

4

9 に答える 9

16

ファイルは www ディレクトリ内に配置する必要があります。たとえば、Windows で wamp サーバーを使用している場合、j3evn.jpg が配置されている必要があります。

C:/wamp/www/img/j3evn.jpg

そして、次の方法でhtmlでアクセスできます

<img class="sealImage" alt="Image of Seal" src="../img/j3evn.jpg">

Web サーバーに属する www、public_html、または html フォルダーを探します。すべてのファイルとリソースをそのフォルダー内に配置します。

お役に立てれば！

于 2013-08-24T01:10:02.683 に答える
4

「file://」で URL リンクを使用しているため、機能しません。代わりに、ディレクトリを HTML ファイルに一致させる必要があります。次に例を示します。

私のファイルが次の場所にあるとしましょう：

C:/myuser/project/file.html

そして、私の欲しい画像は次のとおりです。

C:/myuser/project2/image.png

私がしなければならないのは、この方法でディレクトリを一致させることだけです:

<img src="../project2/image.png" />
于 2013-08-24T01:15:49.610 に答える
1

画像をソースディレクトリに置くだけで試すことができます。ファイル パスをsrc="../imagenamehere.fileextensionj3evn.jpg に置き換えてリンクします。

于 2013-08-24T01:13:35.417 に答える