2013-03-26 37 views
1

博学多闻文件,使用HTML5文件handlining API,我们可以inpty类型的文件进行协作读取文件。怎么样与像 拍/images/myimage.png 等准备的文件?HTML5从路径

任何形式的帮助表示赞赏

回答

3

是的,如果它是铬!使用filesytem玩你将能够做到这一点。

1

简单的答案是;没有。当你的HTML/CSS/images/JavaScript被下载到客户端时,你正在破坏服务器。

简单化的流程

  • 用户请求的URL在浏览器中(例如,www.mydomain.com/index.html
  • 服务器读取并获取所需要的文件(www.mydomain.com/index.html
  • index.html,然后它链接的资源会下载到用户的浏览器
  • 用户的浏览器将呈现HTML页面
    • 用户的浏览器将只获取与请求附带的文件(图像/ someimages.png和类似的东西脚本/的jquery.js)

说明

的问题,你在这里面临的问题是,当HTML在本地呈现时,它不再与服务器建立链接,从而请求包含文件方式的内容在逻辑上与驻留在服务器上不相似。

变通

你能做什么,但是这忽略了问题的原因,是为了使服务器端脚本在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工作,但仍然不正是你想要的)
  • 如果不从文件夹中的所有文件需要,但只有那些已经在URL请求中下载到浏览器缓存中的文件;您可以尝试在线搜索访问当前加载页面的浏览器缓存(下载文件)。或者像DOM-walker和CSS阅读器(正则表达式?)一样来查看所有文件关系的位置。