Javascript 如何使用jquery在css中使用图像的绝对路径？

我尝试使用图像的绝对路径，同时将其与jquery一起使用，但不知何故，一旦我看到我的页面，它就不会加载任何图像。下面是我在

testing.jsp

文件中的代码

<script>
$(document).ready(function(){
    // Create overlay and append to body:
    $('<div id="overlay"/>').css({
        position: 'fixed',
        top: 0,
        left: 0,
        width: '100%',
        height: $(window).height() + 'px',
        opacity:0.4, 
        background: 'lightgray url("/testweb/src/main/webapp/resources/img/page-loader.gif") no-repeat center'
    }).hide().appendTo('body');

    // Execute refresh with interval:
    setInterval(refresh, 30 * 1000);
});
</script>

$（文档）.ready（函数（）{
//创建覆盖并附加到正文：
$（''）.css({
位置：'固定'，
排名：0，
左:0,，
宽度：“100%”，
高度：$（窗口）.height（）+'px'，
不透明度：0.4，
背景：“浅灰色url（“/testweb/src/main/webapp/resources/img/page loader.gif”）无重复中心”
}).hide（）.appendTo（'body'）；
//按以下时间间隔执行刷新：
设置间隔（刷新，30*1000）；
});

目录结构如下所示-

webapp/ |-- resources/ | +-- img/ | page-loader.gif +- WEB-INF/ +-- views/ testing.jsp 网络应用/ |--资源/ |+--img/ |page-loader.gif +-WEB-INF/ +--观点/ testing.jsp

---

我在这里做错了什么吗？

jquery在客户机上运行

映像位于服务器计算机上

如果您使用在客户端计算机上运行的任何东西指定绝对路径，它将不起作用，因为客户端无法直接访问服务器

---

您必须将图像放在网站的某些“资源”或任何文件夹中，并使用相对路径。

如果我理解正确，您可以使用图像的URL，包括域： 或使用相对路径：

---

../../resources/img/page loader.gif

上面显示的结构将webapp作为根文件夹。如果是这种情况，您的映像路径应该是

/resources/img/page loader.gif

，您使用的是文件系统路径。这对于通过http访问服务器资源是无用的——客户端无法访问文档根以外的任何内容。试试

/resources/img/…

instead@Archer：通常在创建项目时。在我的例子中，会有一个项目名

testweb

，然后你把你的图片放在webapp文件夹中的img目录中。因此，当我右键单击我的图像并在eclipse中单击Copy Qualified Name时，它会提供我在问题中提供的完整路径。那么，当您访问testing.jsp时，地址栏中的完整url是什么？这是我在浏览器上使用的-

http://127.0.0.1:8080/testweb/testing

他没有尝试访问客户端上的图像。我不知道你是从哪里得到这样的印象的。阿切尔请在投票前再读一遍我的答案。我写到jquery是客户端脚本，无法访问服务器上的图像。我不知道你从哪里得到的印象，我是在谈论客户的图片。好吧-对不起，这是我的误解。我道歉。尽管你所说的比我想象的更不正确，但否决票仍然存在！我想我理解你的误解是从哪里来的。如果图像url以正斜杠开头，则浏览器将采用您所在域根目录的路径。如果它不是以正斜杠开头，那么它将作为文件所在文件夹中的相对地址（无论是css文件还是网页）。当他说“绝对路径”时，他不想要

file://

（但如果文件在那里，这仍然有效。）我明白了。我认为绝对路径指的是绝对路径，如c:/blabla/blabla中的绝对路径，它不起作用。