问HTML5从路径读取文件

EN

是的，如果是chrome的话！使用文件系统，您将能够做到这一点。

答案很简单，不是。当你的HTML/CSS/images/JavaScript被下载到客户端时，你就脱离了服务器。

简化流程图

图像用户在浏览器中请求URL (例如，www.mydomain.com/index.html)

• Server读取并获取所需的文件图像，其链接的资源将被下载到用户的浏览器中)图像用户的浏览器将呈现 page
• ​
  • The用户的浏览器将仅获取请求附带的文件(

  /

  • and和类似scripts/jquery.js)

  的内容

​

说明

你在这里面临的问题是，当超文本标记语言在本地呈现时，它不再与服务器连接，因此请求/images/文件包含的内容在逻辑上是不可比较的，因为它驻留在服务器上。

解决方法-

您可以做的是在JSP/PHP/ASP/等中创建一个服务器端脚本，然后这个脚本将遍历您想要的目录。在PHP中，你可以使用opendir() (http://php.net/opendir)来做这件事。

使用XHR/AJAX调用，您可以请求PHP页面返回目录清单。最简单的方法是结合使用jQuery的$.post()函数和JSON。

警告！

您需要记住，如果您使用变通方法，您将存储一个每个人都可见的链接，以查看您所请求的在线目录中的内容(例如，http://www.mydomain.com/my_image_dirlist.php随后将返回http://www.mydomain.com/images/中所有内容的字符串列表(或者更少，基于服务器端脚本中的某些规则)。

笔记

• http://www.html5rocks.com/en/tutorials/file/filesystem/ (似乎只适用于Chrome，但仍然不是你想要的)
• 如果你不需要文件夹中的所有文件，而只需要那些已经下载到浏览器缓存中的文件；你可以尝试在线搜索以访问当前加载页面的浏览器缓存(下载的文件)。或者制作像DOM-walker和CSS阅读器这样的东西(regex?)要查看所有文件关系的位置，请执行以下操作。