from flask import Flask, send_from_directory app = Flask(name) @app.route('/file') def get_file(): return send_from_directory('D:/gangko', 'moxingku') if name == 'main': app.run(host='192.168.1.226', port=5000, debug=True)给出这段代码对应的前端代码,使前端可以访问目录中文件
时间: 2023-11-27 12:05:58 浏览: 112
这段代码是用 Flask 框架实现的后端代码,它提供了一个路由 '/file',访问该路由会从目录 'D:/gangko' 中获取文件 'moxingku' 并返回给前端。为了让前端可以访问该路由,可以在前端加入以下代码:
```html
<a href="http://192.168.1.226:5000/file">点击下载文件</a>
```
其中,'http://192.168.1.226:5000/file' 是后端提供的路由地址,可以根据实际情况进行修改。用户点击该链接即可下载文件。注意,在实际使用中,为了保证安全,可以加入一些身份验证等措施。
相关问题
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)给出这段代码对应的前端代码
这段代码是后端代码,用于提供接口让前端调用。如果你想让前端通过浏览器访问该接口并获取 `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 数组,其中包含了文件列表。你可以根据需要修改代码,以便显示其它类型的数据。
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)给出这段代码对应的前端代码,可以访问目录中文件
这段代码是后端代码,用于提供接口让前端调用。如果你想让前端通过浏览器访问该接口并获取 `D:/gangko` 目录下的文件,可以编写以下前端代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Get File</title>
</head>
<body>
<button onclick="getFile()">Get File</button>
<script>
function getFile() {
window.location.href = '/file?filename=test.txt';
}
</script>
</body>
</html>
```
这段代码会在页面上显示一个按钮,当点击该按钮时,会向 `/file` 路径发送请求,并将 `filename` 参数设置为 `test.txt`。后端代码可以根据该参数来返回指定的文件。需要注意的是,这段代码使用了 `window.location.href` 来导航到指定的 URL,这会导致浏览器重新加载页面。如果你希望在不刷新页面的情况下获取文件内容,可以使用 JavaScript 的 `fetch` 函数。
阅读全文