我有一个要求，需要从客户端的文件夹中检索所有文件名。
因此，我试图使用引用此答案的Jquery检索文件夹中文件的名称。
我的代码如下：
<script>
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('<ul>');
//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( '<li>'+filename+'</li>');
});
$("#fileNames").append('</ul>');
}
});
});
</script>
HTML代码如下：
<div id="fileNames"></div>
但是当我在chrome和firefox中运行代码时，我得到了以下错误：
chrome:XMLHttpRequest无法加载file:///E:/Test/xml/.收到无效响应。因此，不允许访问源"null"。
Firefox：ReferenceError:$未定义
我试过在谷歌上搜索很多，但这个错误没有解决。
非常感谢您的帮助。
<html>
<body>
<div id='fileNames'></div>
</body>
<script src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$.get(".", function(data)
{
$("#fileNames").append(data);
});
})
</script>
这将打印网页上文件夹中的所有文件。
双击html文件似乎正在运行它。因此，它将使用file协议在浏览器中运行。您必须从类似http://localhost/myhtml.html的服务器上运行它。
我已经在我的系统中尝试了代码，它正在与服务器一起工作。
Plus
您在下面的行中有语法错误
$(data).find('a:contains(" + fileExt + ")').each(function () {
用这个替换上面的
$(data).find("a:contains(" + fileExt + ")").each(function () {
我在ubuntu系统上，使用chrome浏览器，你不需要更换位置。因为它正在返回到位置的相对路径。
更新
你的最终代码应该像这个
<script type="text/javascript">//<![CDATA[
$(window).load(function(){
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) {
console.log(data);
$("#fileNames").html('<ul>');
//List all xml file names in the page
//var filename = this.href.replace(window.location, "").replace("http:///", "");
//$("#fileNames").append( '<li>'+filename+'</li>');
$(data).find("a:contains(" + fileExt + ")").each(function () {
$("#fileNames").append( '<li>'+$(this).text()+'</li>');
});
$("#fileNames").append('</ul>');
}
});
});
});
//]]>
</script>