from flask import Flask, send_file app.static_folder = 'D:/gangko' @app.route('/moxingku') def static_file(): return send_file('moxingku') if __name__ == '__main__': app.run(host='0.0.0.0', port=7000, debug=True)给出调用这个接口的html代码
时间: 2023-12-05 13:04:44 浏览: 101
Flask框架URL管理操作示例【基于@app.route】
以下是调用这个接口的 HTML 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>调用接口示例</title>
</head>
<body>
<h1>调用接口示例</h1>
<button id="download-btn">下载文件</button>
<script>
var downloadBtn = document.getElementById('download-btn');
downloadBtn.addEventListener('click', function() {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/moxingku');
xhr.responseType = 'blob';
xhr.onload = function() {
if (xhr.status === 200) {
var blob = xhr.response;
var url = window.URL.createObjectURL(blob);
var a = document.createElement('a');
a.style.display = 'none';
a.href = url;
a.download = 'moxingku'; // 下载文件的名称
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
}
};
xhr.send();
});
</script>
</body>
</html>
```
上述 HTML 代码中,我们首先定义了一个按钮,点击该按钮会触发下载文件的操作。接着,我们使用 XMLHttpRequest 对象创建了一个 GET 请求,请求路径为 '/moxingku',并将响应类型设置为 blob,以便在客户端下载文件。在请求的 onload 回调函数中,我们判断响应状态是否为 200,如果是,则创建一个 URL 对象,将响应结果转为 blob,然后创建一个 a 标签,将该标签的 href 属性设置为 URL 对象的 URL,并将该标签添加到页面中,最后模拟点击该 a 标签,以便在客户端下载文件。
阅读全文