Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在<;之后未加载图像;img..>;附加jquery_Javascript_Jquery_.net_Html - Fatal编程技术网

Javascript 在<;之后未加载图像;img..>;附加jquery

Javascript 在<;之后未加载图像;img..>;附加jquery,javascript,jquery,.net,html,Javascript,Jquery,.net,Html,我的网站包含以下代码: <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 On

我的网站包含以下代码:

<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>
函数OnSeeMore(){ $('.thumbnails1')。前缀('
  • '); }
    原始图像显示良好,但当我单击“查看更多”按钮时,我可以看到列表项被动态添加,但图像显示的是“alt”文本n/a,而不是“man1.jpg”图像。那么我做错了什么? 我基本上是复制谷歌的图像搜索行为,只在数据库中显示部分图像,然后根据请求显示更多图像。

    相对路径:

    <img src="~/Images/man1.jpg"
    
    
    应在服务器上“解析”,如果按原样添加到客户端,则路径无效。

    相对路径:

    <img src="~/Images/man1.jpg"
    
    
    
    应该在服务器上“解析”,如果按原样添加到客户端,则路径无效。

    ~/Images/man1.jpg
    是服务器端相对路径。如果要在客户端添加节点,则需要使用
    /Images/man1.jpg
    ,假设Images文件夹位于站点的根文件夹中。

    ~/Images/man1.jpg
    是服务器端相对路径。如果要在客户端添加节点,则需要使用
    /Images/man1.jpg
    ,假设Images文件夹位于站点的根文件夹中。

    为什么URL包含
    ~
    ?它不应该使用linux特定的路径,因为这不是URL。它应该是从Web服务器而不是文件系统访问它的路径

    <!-- Relative -->
    <img src="./Images/man1.jpg" alt="n/a"/>
    
    <!-- Absolute -->
    <img src="/Path/to/my/directory/Images/man1.jpg" alt="n/a"/>
    

    为什么您的URL包含
    ~
    ?它不应该使用linux特定的路径,因为这不是URL。它应该是从Web服务器而不是文件系统访问它的路径

    <!-- Relative -->
    <img src="./Images/man1.jpg" alt="n/a"/>
    
    <!-- Absolute -->
    <img src="/Path/to/my/directory/Images/man1.jpg" alt="n/a"/>
    
    
    
    是否发出任何网络请求并尝试加载正确的映像?您是在预处理映像还是在追加映像。是否发出任何网络请求并尝试加载正确的映像?您是在预处理映像还是在追加映像。这是中的相对路径。Net@gdoron:你为什么要用那样的东西而不是使用
    Images/man1.jpg
    它被称为相对路径,过一会儿我会给你一个链接。@gdoron相对路径通常是
    /Images/man1.jpg
    为什么要使用其他语法?这里,我发现这是一条相对的路径。Net@gdoron:你为什么要使用这样的东西而不是仅仅使用
    Images/man1.jpg
    它叫做相对路径,等一下我会给你一个链接。@gdoron相对路径通常是
    /Images/man1.jpg
    为什么是另一种语法?在这里,我找到了谢谢!(对所有人)。我刚刚删除了(.Net上的相对路径),并且我修改了src以指向我的服务器RESTful服务,该服务按名称返回图像数据。谢谢!(对所有人)。我刚刚删除了(实际上是.Net上的相对路径),并且修改了src以指向我的服务器RESTful服务,该服务按名称返回图像数据。