Question

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

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

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

任何人都可以帮助我使用我可以使用的教程或API！

更新

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

Answer 1

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

Answer 2

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

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

没有点击网址，你无法知道图片是否存在

检查根jquery中是否存在文件夹

2 个答案: