如何从浏览器打开本地图像并将其显示在页面中央？

Question

我希望我的浏览器打开我的本地图像并将它们放在浏览器的中心。我能想到的唯一方法是编写HTML + CSS文件，但我不想使用PHP或ASP.NET因为我不想运行服务器。所以javascript就是解决方案。

那么，有没有办法让HTML + Javascript文件显示我的本地文件列表，并在点击我想要的图像后，将图像名称保存到变量中以便将此图像显示给我使用我想要的CSS样式的img src的html？

提前致谢！

Answer 1

这只适用于某种基于XML的特殊文件系统（我已经看过一次了）

您需要创建一个XML索引文件（或者您可以通过XMLHTTP Web请求获得并使用JavaScript解析的其他格式），其中包含有关图像的所有信息（系统位置，可能是某种ID，alt / title属性等） 。）

然后使用XMLHTTP请求加载该文件，解析数据并将其打印为HTML，并使用正确的图像链接。

JavaScript本身无法读取文件系统，它只能请求单个文件

Answer 2

在浏览器中从Javascript访问本地文件系统主要是一个非常忌讳的事情。请参阅this related question。