您现在的位置是：首页 > 技术教程正文

[Python http.server] 搭建http服务器用于下载/上传文件

admin 阅读： 2024-03-23

后台-插件-广告管理-内容页头部广告（手机）

动机：笔者需测试bs架构下的文件上传与下载性能，故想通过Python搭建http服务器并实现客户端与服务器之间的文件上传和下载需求

难点：这应该是很基础的东西，不过笔者之前未接触过http编程，谨在此记录下学习的过程，可能不是最优解

方法：在服务器端部署html页面，并执行监听的Python代码，在客户端操作实现文件的上传与下载

1 [服务端] 创建本地文件夹用于开启http服务

首先开启power shell，在服务端本地创建一个文件夹用于开启http服务，例如创建了一个E:\WebServer文件夹，如图所示：

进入power shell，输入命令：

cd E:\WebServer

输入开启http指令：

python -m http.server

出现如下情况，说明成功：

此时，我们便可以在服务器的浏览器地址栏输入本机ip地址+端口号来访问http页面，例如:

http://172.1.1.1:8000

至于本机ip地址，可以从右键“网络”，点击你的网络连接的蓝字，详细信息里面的ipv4地址进行查看，如图所示：

此时，浏览器中的页面应该是这样：

看见这个页面，第一步就完成了！

2 [服务端] 编写监听脚本，用于客户端上传文件

在服务器端根文件夹下创建一个Python脚本（在别的地方创建应该也行，没试过）：

from http.server import BaseHTTPRequestHandler, HTTPServer
import time
# 创建自定义的请求处理类
class FileUploadHandler(BaseHTTPRequestHandler):
def do_POST(self):
start_time = time.time()
content_length = int(self.headers['Content-Length'])
# 读取客户端发送的二进制文件数据
file_data = self.rfile.read(content_length)
# 在这里可以对接收到的文件数据进行处理，例如保存到磁盘
with open('uploaded_file.bin', 'wb') as file:
file.write(file_data)
self.send_response(200)
self.end_headers()
self.wfile.write(b'File uploaded successfully.')
end_time = time.time()
time_elapsed_ms = int((end_time - start_time) * 1000)
print(f"Update in {time_elapsed_ms} ms")
# 启动服务器
def run_server():
server_address = ('your web server', 8000) # 可以根据需要修改端口号
httpd = HTTPServer(server_address, FileUploadHandler)
print('Server running on port 8000...')
httpd.serve_forever()
# 运行服务器
run_server()

注意，在 ‘your web server’ 处输入自己的ip地址

3 [服务端] 编写html脚本，用于显示上传文件界面

html>
<html>
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.js" type="text/javascript">script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
head>
<body>
<form id="uploadForm" action="/upload" enctype="multipart/form-data" method="post" onsubmit="return submitFile()">
<div><input type="file" name="file" multiple>div>
<br>
<div><input type="submit" value="upload"> div>
form>
<script>
function submitFile() {
// formData = new FormData($('#uploadForm')[0])
files = $('#uploadForm')[0].file.files
for (i = 0; i < files.length; i++) {
$.ajax({
url: "/upload?fileName=" + encodeURIComponent(files[i].name),
type: "POST",
data: files[i],
success: function (data) {
console.info("success", data);
},
error: function (data) {
console.warn("fail", data);
},
processData: false,
contentType: "multipart/form-data",
// contentType: "application/octet-stream"
});
}
return false;
}
script>
body>
html>