Question

我想知道JS是否有可能打开目录，读取图像文件并将其显示为Html？我相信JS限制能够直接打开目录中的任何文件，但我想要的是：

我有一个XML文件，它将包含Web服务器根文件夹中图像文件的路径所以我的层次结构就像这样

webserver root folder--->|
                        html
                        js
                        css
                        images
                        xml

，我将使用XmlHttpRequest并将目录标记和文件名标记提供给我的JS文件，该文件必须在Html页面中将图像显示到我的框架。

[我的图片也在同一个网络服务器根文件夹中，但在与html不同的文件夹中]

关于如何去做的任何指示？我想我们也可以将图像文件也存储在XML中作为base64编码数据，但这会使数据交换量巨大，也不知道这是否是一种理想的方法（是吗？请提示）

请给我一些提示。

由于

Balaji R

Answer 1

JavaScript无法访问服务器上的文件系统，因为它在客户端运行。

但是使用JavaScript或Ajax，您可以在服务器上调用一些PHP代码，这些代码将从文件系统中读取图像，然后它会将此图像传递回JavaScript。

我已经描述了here如何做到这一点。

Answer 2

如果我正确关注您，example.com/js/somefile.js正在尝试访问example.com/images/image.jpg之类的内容？

如果是，那么我要么使用图像的绝对URL：

"http://www.example.com/images/image.jpg"或相对路径"../images/image.jpg"

在引用代码中的图像时，您实际上可以使用纯文本文件，每行一个图像路径。然后在你的onreadystatechange函数中：

pictures = var.responseText.split("\n");

现在图片是一系列图片路径。

Answer 3

JavaScript只能访问信息＆amp;浏览器有权访问的权限，因此除非图像位于通常可在网站上访问的目录中，否则只使用JavaScript就不会有太多运气。

是否有任何方法可以使文件系统中的路径可用于Web文档根文件夹？也许使用Alias或Symlink？

是否可以在Javascript中打开目录并读取图像文件并将其显示为html？

3 个答案: