1

私のウェブサイトには次のコードが含まれています。

<ul class="thumbnails1">
  <li>
   <img src="~/Images/man1.jpg" alt="n/a"/>
   </li>
</ul>
<input type="button" value="See More" onclick="OnSeeMore()"/>
<script type="text/javascript">
function OnSeeMore() {
  $('.thumbnails1').prepend('<li><img src="~/Images/man1.jpg" alt="n/a"/></li>');
}
</script>

元の画像はうまく表示されますが、[もっと見る] ボタンをクリックすると、リスト項目が動的に追加されていることがわかりますが、画像には「man1.jpg」画像ではなく「alt」テキスト n/a が表示されます。それで、私は何を間違っていますか？私は基本的に、DB 内の画像の一部のみを表示し、要求に応じてさらに表示することで、Google の画像検索動作をコピーしようとしています。

4

3 に答える 3

7

~/Images/man1.jpgサーバー側の相対パスです。クライアント側にノードを追加する場合は/Images/man1.jpg、Images フォルダーがサイトのルート フォルダーにあると想定して使用する必要があります。

于 2012-11-13T19:47:04.713 に答える
5

相対パス:

<img src="~/Images/man1.jpg"

サーバー上で「解決」されているはずですが、そのままクライアントに追加すると、パスが無効になります。

于 2012-11-13T19:47:02.257 に答える
0

URL に が含まれているのはなぜ~ですか? URL ではないため、Linux 固有のパスは使用しないでください。これは、ファイル システムではなく、Web サーバーからアクセスするためのパスである必要があります。

<!-- Relative -->
<img src="./Images/man1.jpg" alt="n/a"/>

<!-- Absolute -->
<img src="/Path/to/my/directory/Images/man1.jpg" alt="n/a"/>
于 2012-11-13T19:47:13.790 に答える