from flask import Flask, send_from_directory app = Flask(__name__) @app.route('/file') def get_file(): return send_from_directory('D:/gangko') if __name__ == '__main__': app.run(host='192.168.1.226', port=8000, debug=True)给出这段代码对应的前端代码
时间: 2023-07-21 08:10:14 浏览: 88
基于Python的flask_app火电代码解析设计源码
这段代码是后端代码,用于提供接口让前端调用。如果你想让前端通过浏览器访问该接口并获取 `D:/gangko` 目录下的文件列表,你可以编写以下前端代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Get File List</title>
</head>
<body>
<button onclick="getFileList()">Get File List</button>
<ul id="file-list"></ul>
<script>
function getFileList() {
fetch('/file')
.then(response => response.json())
.then(data => displayFileList(data))
.catch(error => console.error(error));
}
function displayFileList(data) {
const fileList = document.getElementById('file-list');
fileList.innerHTML = '';
data.forEach(file => {
const li = document.createElement('li');
li.innerText = file;
fileList.appendChild(li);
});
}
</script>
</body>
</html>
```
这段代码会在页面上显示一个按钮,当点击该按钮时,会向 `/file` 路径发送请求,然后将响应内容解析为 JSON,最后将文件列表显示在页面上。需要注意的是,这段代码假设响应内容是一个 JSON 数组,其中包含了文件列表。你可以根据需要修改代码,以便显示其它类型的数据。
阅读全文