Javascript – 检索文件夹中文件的名称

我有一个要求，我需要从客户端的文件夹中检索所有文件名。

因此，我试图使用Jquery检索文件夹中的文件名称，并引用此答案 。

我的代码如下：

 var fileExt = ".xml"; $(document).ready( function(){ $.ajax({ //This will retrieve the contents of the folder if the folder is configured as 'browsable' url: 'xml/', success: function (data) { $("#fileNames").html('
'); //List all xml file names in the page $(data).find('a:contains(" + fileExt + ")').each(function () { var filename = this.href.replace(window.location, "").replace("http:///", ""); $("#fileNames").append( '
'+filename+'
'); }); $("#fileNames").append('
'); } }); });  

HTML代码如下：

但是当我在chrome和firefox中运行代码时出现以下错误：

chrome：XMLHttpRequest无法加载file：/// E：/ Test / xml /。 收到无效回复。 因此不允许原点’null’访问。

Firefox：ReferenceError：$未定义

我已经尝试了谷歌搜索，但错误没有解决。

非常感谢您的帮助。

Answer 1

这将打印网页上文件夹中的所有文件。

Answer 2

看起来你是通过双击html文件来运行它。 所以它将在带有file协议的浏览器中运行。 您必须从http://localhost/myhtml.html等服务器运行它。

我在我的系统中尝试过代码，它正在使用服务器。

加

你在下面的行中有语法错误

 $(data).find('a:contains(" + fileExt + ")').each(function () { 

用这个替换上面

 $(data).find("a:contains(" + fileExt + ")").each(function () { 

我在ubuntu系统上，使用chrome浏览器，你不需要更换位置。 因为它返回了相对于位置的路径。

UPDATE

您的最终代码应如下所示