Javascript 从webkitdirectory元素获取绝对路径

Javascript 从webkitdirectory元素获取绝对路径,javascript,jquery,html,css,google-chrome,Javascript,Jquery,Html,Css,Google Chrome,我正忙着建立一个小画廊,是从我的本地文件系统拉。我有一个获取目录的元素: <input type="file" webkitdirectory> 然后,我将该目录中的所有图像和视频显示在一个容器中的页面上 目前出于安全原因,我只能访问相对路径,因此我必须添加硬编码的e:/downloads,以便在我显示文件时找到它们,因为文件的位置在我的桌面上 我想扩展它,这样我就可以从本地文件系统的任何地方选择一个目录,但我需要aboslute路径。目前只有IE获得绝对路径,chro

我正忙着建立一个小画廊,是从我的本地文件系统拉。我有一个获取目录的元素:

    <input type="file" webkitdirectory>

然后,我将该目录中的所有图像和视频显示在一个容器中的页面上

目前出于安全原因,我只能访问相对路径,因此我必须添加硬编码的e:/downloads,以便在我显示文件时找到它们,因为文件的位置在我的桌面上

我想扩展它,这样我就可以从本地文件系统的任何地方选择一个目录,但我需要aboslute路径。目前只有IE获得绝对路径,chrome返回一个伪造路径。我知道如何设置允许本地文件系统文件包含在IE中,但我不知道如何在Chrome中启用它。我想知道,是否有一个选项,允许这样的IE

我到处搜索过,大多数人都说这是不可能的,但我相信一定有什么背景,我希望有人知道

如果您想看一看,下面是我的代码:

请注意,因为它是硬编码为e:/downloads的,所以您可能需要更改它以使其适合您

如果您想查看它试图返回的绝对路径,可以打开控制台并运行名为GetDirectory的函数。(您还应该在元素发生更改后对其删除进行注释)

我希望我的问题是清楚的,不要太长。多谢各位

总结:

我想从Chrome中的元素访问本地文件的绝对路径。我已经可以在IE中完成了。

我终于找到了解决自己问题的方法。使用Chrome几乎不可能获得绝对路径,它只适用于Internet Explorer

因此,解决方案是使用临时路径

URL.createObjectURL(e.target.files[0])

这就是所需要的,然后我使用它作为src。我希望有一天,当其他人偶然发现这一点时,这将对他们有所帮助。

由于安全限制,这将不起作用。不过,您应该看看HTML5文件API(只需在google中键入即可)。谢谢您的评论和信息。但是,如果我理解正确,它只适用于上传的文件。我没有上传任何文件,我只是读取目录中的所有内容。这些文件不会被上传,只是加载到本地内存中。谢谢,我想我可以正常工作了。但这意味着我必须选择所有我想显示的文件,这意味着它不会得到所有的子目录。不过还是谢谢你。我想如果我没有收到任何其他的回应,我会坚持IE。。。这是可悲的。。。但是哦,好吧。