js 通过 fetch 得到 某个目录下的文件列表
时间: 2023-09-03 11:02:30 浏览: 62
使用JS的fetch方法可以通过发送HTTP请求获取某个目录下的文件列表。在这个例子中,我们可以使用fetch发送一个GET请求到目标目录,然后从返回的响应中获取文件列表。
示例如下:
```javascript
fetch('目标目录的URL')
.then(response => response.text())
.then(data => {
// 解析返回的数据,获取文件列表
const fileList = parseFileList(data);
console.log(fileList);
})
.catch(error => {
console.error('请求失败:', error);
});
// 解析文件列表
function parseFileList(data) {
// 在这个例子中,假设目录下的文件名以换行符分隔
return data.split('\n');
}
```
在这个例子中,首先我们使用fetch发送GET请求到目标目录的URL。然后,我们使用response.text()方法将返回的响应内容转为文本格式。接着,我们可以使用自定义的parseFileList函数解析文本数据,将其分割成文件列表。最后,我们将文件列表打印到控制台上。
需要注意的是,由于fetch是基于Promise的异步操作,所以我们可以通过.then()方法来处理响应的结果,同时也可以使用.catch()方法来处理可能发生的异常情况。
需要根据实际情况,确定目标目录的URL和解析文件列表的方式。以上示例只是一个简单的参考示例。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)