0

私はいくつかの友人のコードで作業しており、彼の画像のほとんどは次のように呼び出されています。

<img src="/uploads..."> //the '/' before the folder in the src isn't allowing me to link to the images.

これはおそらくほとんどの人にとって非常に簡単な質問だと思いますが、画像を正しくリンクさせることができないようです. 次のようなファイル構造があります。

project folder>two folders (uploads) & (code)

'code' フォルダに html があり、'uploads' フォルダ内のすべての画像にリンクしようとしている場合、リンクできるようにファイルを再構築するにはどうすればよいですか? 「プロジェクト フォルダー」の下のルートに html を配置しようとしましたが、それでもアップロードの画像にリンクしません。

ポイントは、html 内のすべての src で「/」を削除したくないということです。ファイルを構造化して、すべてが正しくリンクされるようにしたいと考えていました。

4

3 に答える 3

1

すべての画像リンクが次のようになっている場合:

/uploads/someFile.ext

uploads次に、リンク先のファイルは、Web サーバーのルートで呼び出されるフォルダーにある必要があります。基本的に、上記は次のように変換されます。

http://server/uploads/someFile.ext

ページの URL は問いません。

一般に、この種のことは、Web サイトがサーバー/ドメイン/その他のルートで実行される必要があるため、嫌われています。Web サイトをサブフォルダーで実行する場合は、上記の絶対パスを相対パスに変更する必要があります。

./uploads/someFile.ext

これは、現在のドキュメントの現在の URL "フォルダー" (この用語は大雑把に使用していますが、おわかりでしょう) にリンクを追加するようにブラウザーに指示します。したがって、ページの URL が次のような場合:

http://server/someFolder/anotherFolder/index.html

次に、それを基準にして画像リンクが作成されます。

http://server/someFolder/anotherFolder/uploads/someFile.ext

長期的には、それに応じてすべてのリンクを更新するのが最善の策です。絶対パス (現在持っているもの) は、それらを使用する本当に説得力のある理由がある場合にのみ使用する必要があります。可能であれば、相対パスを使用してください。

簡単な修正として、uploadsフォルダーが URL ドメインのルートにある限り、機能するはずです。

于 2013-08-12T23:01:25.277 に答える
1

試す ：

<img src="./uploads/yourimage.ext">

また ：

<img src="uploads/yourimage.ext">
于 2013-08-12T23:06:15.367 に答える
1

src 属性の絶対パスまたは相対パスを介して実行できます。

絶対の：

http://example.com/uploads/example.png

相対的：

./../uploads/example.png

相対的な例は、「コード」を現在のディレクトリと見なす場合です。

./ - is a current dir
./../ - is one dir back from current dir
./../uploads/ - is one dir back from current dir, and switch to uploads dir
于 2013-08-12T23:08:15.823 に答える