Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Javascript中是否可以打开一个目录,读取一个图像文件并将其显示为html?_Javascript_Jquery_Html_Ajax - Fatal编程技术网

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

在Javascript中是否可以打开一个目录,读取一个图像文件并将其显示为html?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我想知道在JS中是否可以打开一个目录,读取一个图像文件并将其显示为Html?我相信JS限制了直接打开目录中的任何文件,但我想要的是: 我有一个XML文件,其中包含web服务器根文件夹中图像文件的路径 所以我的等级是这样的 webserver root folder--->| html js css i

我想知道在JS中是否可以打开一个目录,读取一个图像文件并将其显示为Html?我相信JS限制了直接打开目录中的任何文件,但我想要的是:

我有一个XML文件,其中包含web服务器根文件夹中图像文件的路径 所以我的等级是这样的

webserver root folder--->|
                        html
                        js
                        css
                        images
                        xml
,我将使用XmlHttpRequest并将目录标记和文件名标记提供给我的JS文件,该文件必须在Html页面中将图像显示到我的框架中

[我的图像也位于同一Web服务器根文件夹中,但与html位于不同的文件夹中]

有关于如何做的建议吗?我想我们也可以将图像文件存储在XML中作为base64编码的数据,但这会使数据交换变得巨大,也不知道这是否是一种理想的方法(是吗?请建议)

请给我一些建议

谢谢


Balaji R

JavaScript只能访问浏览器有权访问的信息和特权,因此,除非图像位于通常可以在网站上访问的目录中,否则仅使用JavaScript不会有太多运气


是否有任何方法可以使文件系统中的路径可用于web文档根文件夹?可能通过使用别名或符号链接?

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

但使用JavaScript或Ajax,您可以在服务器上调用一些php代码,这些代码将从文件系统读取图像,然后它将该图像传递回JavaScript


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

如果我没有弄错,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”);


现在,图片是一组图片路径。

如果我遗漏了什么,请纠正我,但实际上您得到了图片路径和文件名。。简单地
image.src=path+fn你说的是服务器上的文件夹/文件还是本地计算机上的文件夹/文件?@Zlatev-对不起,我更正了我的帖子,是的,我得到了图像路径和文件名,它们都在我的web服务器根目录中folder@morgar-很抱歉,请看上面的评论。我认为我应该更具体地提到我所指的“文件系统”。是的,文件系统基本上是我的web文档的根文件夹。在我的Web服务器中,我有一些层次结构,如根目录下-->html、图像、css、js、xml。因此,如果我给出/>我会在我的html文档中看到它,并且我可以看到图像。首先,感谢您的回复。是的,你是对的,我可以这样做,但我想我会选择服务器端脚本的另一种方法。基本上,我不想为服务器上的每个图像键入URL。我想让脚本搜索一个目录并显示该目录中的所有图像。你可以让它读取的文件实际上是一个php脚本。在脚本中包括一个标题('Content-type:text/xml'),这样它将是完全动态的。