首页html获取指定url文件夹下的文件名

html获取指定url文件夹下的文件名

时间: 2023-10-03 13:09:23 浏览: 173

要在HTML中获取指定URL文件夹下的文件名，你需要使用JavaScript来实现。以下是一种实现方法： ```html <!DOCTYPE html> <html> <head> <title>获取文件夹下的文件名</title> <script> function getFilenames() { var folderUrl = "指定URL"; // 替换为你要获取文件名的文件夹URL var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var fileList = JSON.parse(this.responseText); // 处理文件名列表 var filenames = fileList.map(function(file) { return file.name; }); // 在页面上显示文件名 document.getElementById("result").innerHTML = filenames.join("<br>"); } }; xmlhttp.open("GET", folderUrl, true); xmlhttp.send(); } </script> </head> <body> <button onclick="getFilenames()">获取文件名</button> <div id="result"></div> </body> </html> ``` 在上述代码中，你需要将`folderUrl`替换为你要获取文件名的文件夹URL。当点击"获取文件名"按钮时，会发送一个AJAX请求到指定URL，并返回文件名列表。然后，通过JavaScript将文件名显示在页面上。请注意，由于浏览器的安全性限制，你只能获取与你的页面位于同一域的文件夹下的文件名。如果目标文件夹与你的页面不在同一域，就无法通过纯前端的方式获取文件名。在这种情况下，你需要使用服务器端的代码来获取文件名。

阅读全文