0

我正在尝试使用根目录中的以下文件结构将图像加载到 div 背景。

WebContent --
            |
            zharaimages --
                         |
                         [ItemID] --
                                   |
                                   Image.jpg

这是由 jQuery 完成的，文件结构位于根目录中。ItemID 文件夹是动态的，我必须使用 jQuery 检查路径是否存在，如果路径无效，我应该转到默认路径以获取默认图像。如何使用 jQuery 检查路径是否有效。我希望这可以在没有 ajax 调用的情况下完成。

任何人都可以帮助我学习可以用于此的教程或 API！

更新

文件在服务器上。我的概念是我有 100 个项目元素，我想为每个项目元素加载一个图像。图像保存在服务器（本地主机）中，并使用项目 ID 划分文件夹层次结构，如图所示。我想要做的是在将图像文件附加到项目元素 div 的背景之前检查图像文件是否存在。这可能吗。这是一个使用 Spring 开发的 Web 应用程序。

4

2 回答 2

1

您可以在图像标签上绑定错误处理程序，如果收到错误，您可以加载默认图像。

$('#imgElementID').error(function() {
   $(this).attr('src', 'images/DEFAULT.JPG');
});

如果不点击 URL，您将无法知道图像是否存在

于 2013-06-28T05:02:02.210 回答
1

以简单的方式你不能。这是因为 JavaScript 无法访问服务器端的文件夹。您可以尝试检查的唯一方法是调用$.get将 url 传递给图像并在图像不存在时处理错误的方法。您不能尝试仅获取文件夹，因为如果禁用文件夹列表，您将始终收到错误

于 2013-06-28T04:17:41.933 回答