Question

我正在开发一个在localhost服务器上运行的应用程序。在这个应用程序中，我执行ajax调用并从本地h2 DB获取项目！使用响应我使用jQuery创建动态元素。元素使用项目图像作为背景，要求是我应该从本地文件夹中获取图像。（首次启动服务器时会创建该文件夹，并通过Intranet从主服务器同步图像。）文件夹层次结构如下所示。

c:/----
      |
      zharaimages/ -----
                       |
                       [item id]/-----
                                     |
                                     [image].jpg

图片可以包含任何名称，但将是jpg。如何在动态加载项目时使用jQuery读取文件系统以获取必要的图像文件。我想到了这个方法，但为此我只能读取一个带有静态名称的文件。我想写一个方法，其中图像名称可以是任何东西。

clone.css('background-image','c:/zharaimages/' + items[i].itemId + '/image.jpg');

欢迎任何想法或插件。谢谢。

更新

这是一个可部署的应用程序，它使用嵌入式jetty服务器。这些文件夹与应用程序位于同一台计算机中！

Answer 1

jQuery在浏览器上运行。

文件在服务器上。

jQuery可以读取服务器上文件的唯一方法是，它是否向服务器发出AJAX调用，并且您的Web服务器枚举它们。

Answer 2

不幸的是一个很大的NOOOOOO ......

用户计算机上的

javaScripts cannot read or write files（文件API - 许多浏览器目前不支持 - 如果用户明确选择允许，则允许脚本读取文件），

虽然它们可以导致浏览器加载远程页面和资源，如脚本或图像，浏览器可以选择在本地缓存。

他们无法在服务器上创建文件（除非与为其创建文件的服务器端脚本进行通信）。

您必须为资源发出服务器请求（多种方式......）。

我不确定天气是s possible HTML5与否

如何使用jQuery定位目录中的所有图像

2 个答案: