1月第一讲：WxPython跨平台开发框架之前后端结合实现附件信息的上传及管理

1、功能描述和界面

  • 前端（wxPython GUI）：
    • 提供文件选择、显示文件列表的界面。
    • 支持上传、删除和下载附件。
    • 展示上传状态和附件信息（如文件名、大小、上传时间）。
  • 后端（REST API 服务）：
    • 提供上传、删除、获取附件信息的接口。
    • 使用常见的 Web 框架（如 Flask 或 FastAPI）实现。

首先前端我们需要一个对所有附件进行管理的界面，以便对于附件进行统一的维护处理。

前端发起上传附件的处理，如下界面所示，可以选择多个不同类型的文件。

 上传成功后，我们可以打开附件信息记录，如果是图片会显示出来，如果是其他格式，可以通过打开链接方式下载查看。

2、功能的实现处理

如果附件是简单的上传，比较容易处理，我们可以先了解一下简单的做法，然后在深入探讨实际框架中对于附件的处理。

1) FastAPI 端实现文件上传接口

首先，在 FastAPI 中创建一个接收文件的接口：

复制代码

from fastapi import FastAPI, File, UploadFileapp = FastAPI()@app.post("/upload/")
async def upload_file(file: UploadFile = File(...)):with open(file.filename, "wb") as f:f.write(await file.read())return {"filename": file.filename}

复制代码

在公布对应的API接口后，在 前端的 wxPython 项目中，您可以通过 requests 库 或者 aiohttp 库 与 FastAPI 交互来实现文件上传。以下是简单的实现步骤和示例代码

复制代码

import wx
import requestsclass FileUploadFrame(wx.Frame):def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)panel = wx.Panel(self)self.upload_button = wx.Button(panel, label="上传文件", pos=(20, 20))self.upload_button.Bind(wx.EVT_BUTTON, self.on_upload)self.status_text = wx.StaticText(panel, label="", pos=(20, 60))def on_upload(self, event):with wx.FileDialog(self, "选择文件", wildcard="所有文件 (*.*)|*.*",style=wx.FD_OPEN | wx.FD_FILE_MUST_EXIST) as file_dialog:if file_dialog.ShowModal() == wx.ID_CANCEL:return  # 用户取消选择# 获取文件路径file_path = file_dialog.GetPath()try:self.upload_file(file_path)except Exception as e:wx.LogError(f"文件上传失败: {e}")def upload_file(self, file_path):url = "http://127.0.0.1:8000/upload/"  # FastAPI 服务器的上传接口with open(file_path, "rb") as file:files = {"file": file}response = requests.post(url, files=files)if response.status_code == 200:self.status_text.SetLabel(f"上传成功: {response.json().get('filename')}")else:self.status_text.SetLabel(f"上传失败: {response.status_code}")if __name__ == "__main__":app = wx.App(False)frame = FileUploadFrame(None, title="文件上传", size=(300, 150))frame.Show()app.MainLoop()

复制代码

2) 上传多个文件的处理方式

上面是单个文件的上传处理，如果要一次性提交多个文件到 FastAPI 接口，可以使用 FastAPI 的 List[UploadFile] 类型接收多个文件。以下是完整的实现方法。

复制代码

from fastapi import FastAPI, File, UploadFile
from typing import Listapp = FastAPI()@app.post("/upload/")
async def upload_files(files: List[UploadFile] = File(...)):saved_files = []for file in files:file_path = f"./uploaded/{file.filename}"  # 保存到 uploaded 目录with open(file_path, "wb") as f:f.write(await file.read())saved_files.append(file.filename)return {"uploaded_files": saved_files}

https://book.qq.com/book-search/%E5%90%8D%E4%BC%98%E9%A6%86%E7%BD%91%E3%80%9023Y4.com%E3%80%91?c31a
https://book.qq.com/book-search/%E6%B5%B7%E8%A7%92%E7%A4%BE%E5%8C%BA%E3%80%9023Y4.com%E3%80%91?c31b
https://book.qq.com/book-search/%E8%89%B3%E6%AF%8D%E7%BD%91%E8%BF%9B%E3%80%9023Y4.com%E3%80%91?c31c
https://book.qq.com/book-search/%E6%9E%9C%E5%86%BB%E4%BC%A0%E5%AA%92%E3%80%9023Y4.com%E3%80%91?c31d
https://book.qq.com/book-search/%E6%9E%9C%E5%86%BB%E4%BC%A0%E5%AA%92%E8%BF%9B23Y4.com%E7%9C%8B?c31e
https://book.qq.com/book-search/%E6%80%A7%E5%B7%B4%E5%85%8B%E8%BF%9B%E3%80%9023Y4.com%E3%80%91?c31f
https://book.qq.com/book-search/%E7%88%B1%E5%A8%81%E5%A5%B6%E7%BD%91%E3%80%9023Y4.com%E3%80%91?c31g
https://book.qq.com/book-search/%E7%A6%81%E6%BC%AB%E5%A4%A9%E5%A0%82%E3%80%9023Y4.com%E3%80%91?c31h
https://book.qq.com/book-search/%E6%92%B8%E6%92%B8%E7%A4%BE%E7%BD%91%E3%80%9023Y4.com%E3%80%91?c31i
https://book.qq.com/book-search/%E6%8A%96%E9%98%B4%E4%B8%8B%E8%BD%BD%E3%80%8A23Y4.com%E3%80%8B?c31i
https://book.qq.com/book-search/%E6%8A%96%E9%98%B4%E7%BD%91%E7%AB%99%E3%80%9023Y4.com%E3%80%91?c31k
https://book.qq.com/book-search/%E4%B9%85%E4%B9%85%E7%83%AD%E7%9C%8B%E3%80%9023Y4.com%E3%80%91?c31l
https://book.qq.com/book-search/%E4%B9%85%E4%B9%85%E7%83%AD%E8%BF%9B%E3%80%9023Y4.com%E3%80%91?c31m
https://book.qq.com/book-search/%E6%92%B8%E6%92%B8%E7%A4%BE%E8%BF%9B%E3%80%9023Y4.com%E3%80%91?c31n
https://book.qq.com/book-search/%E4%B8%8B%E8%BD%BD%E6%8A%96%E9%98%B4%E3%80%9023Y4.com%E3%80%91?c31o

https://book.qq.com/book-search/%E8%89%B3%E6%AF%8D%E5%9C%B0%E5%9D%80%E3%80%9023Y4.com%E3%80%91?c31p
https://book.qq.com/book-search/%E7%9C%8B%E8%89%B3%E6%AF%8D%E8%BF%9B%E3%80%9023Y4.com%E3%80%91?c31q
https://book.qq.com/book-search/%E8%89%B3%E6%AF%8D%E7%9C%8B%E8%BF%99%E3%80%9023Y4.com%E3%80%91?c31r
https://book.qq.com/book-search/%E8%89%B3%E6%AF%8D%E5%9C%B0%E5%9D%80%E8%BF%9B23Y4.com%E7%9C%8B?c31s
https://book.qq.com/book-search/%E8%89%B3%E6%AF%8D%E5%9C%B0%E5%9D%80%E6%9D%A523Y4.com%E7%9C%8B?c31t

复制代码

而在前端WxPython的处理中，需要对多个文件进行上传处理即可，可以使用 wx.FileDialog 的多选功能，并通过 requests 库批量上传多个文件。

复制代码

import wx
import requestsclass MultiFileUploadFrame(wx.Frame):def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)panel = wx.Panel(self)self.upload_button = wx.Button(panel, label="上传多个文件", pos=(20, 20))self.upload_button.Bind(wx.EVT_BUTTON, self.on_upload)self.status_text = wx.StaticText(panel, label="", pos=(20, 60), size=(300, -1))def on_upload(self, event):with wx.FileDialog(self, "选择文件", wildcard="所有文件 (*.*)|*.*",style=wx.FD_OPEN | wx.FD_MULTIPLE) as file_dialog:if file_dialog.ShowModal() == wx.ID_CANCEL:return  # 用户取消选择# 获取选择的多个文件路径file_paths = file_dialog.GetPaths()try:self.upload_files(file_paths)except Exception as e:wx.LogError(f"文件上传失败: {e}")def upload_files(self, file_paths):url = "http://127.0.0.1:8000/upload/"  # FastAPI 服务器的上传接口files = [("files", (file_path.split("/")[-1], open(file_path, "rb"))) for file_path in file_paths]response = requests.post(url, files=files)if response.status_code == 200:uploaded_files = response.json().get("uploaded_files", [])self.status_text.SetLabel(f"上传成功: {', '.join(uploaded_files)}")else:self.status_text.SetLabel(f"上传失败: {response.status_code}")if __name__ == "__main__":app = wx.App(False)frame = MultiFileUploadFrame(None, title="多文件上传", size=(400, 200))frame.Show()app.MainLoop()

复制代码

不过我们附件的上传，往往还需要伴随着一些额外的信息，方便把这些信息存储在数据库中供查询参考，同时也是关联业务模块和附件信息的重要依据。

如果需要在上传多个文件的同时传递额外参数（如 guid 和 folder），可以将这些参数通过 POST 请求的表单数据 (data) 传递。FastAPI 可以同时处理文件和表单数据。 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/web/64621.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

12.29~12.31[net][review]need to recite[part 2]

12.29~12.31[net][review]need to recite[part 2]

网络层 IP 首部的前一部分是固定长度，共 20 字节，是所有 IP 数据报必须具有的 路由器 路由选择协议属于网络层控制层面的内容 l 路由器 的 主要工作： 转发分组。 l 路由 信息协议 RIP (Routing Information Protocol ) 是 一种 分布式的…
阅读更多...
免费下载 | 2024网络安全产业发展核心洞察与趋势预测

免费下载 | 2024网络安全产业发展核心洞察与趋势预测

《2024网络安全产业发展核心洞察与趋势预测》报告的核心内容概要： 网络安全产业概况： 2023年中国网络安全产业市场规模约992亿元，同比增长7%。 预计2024年市场规模将增长至1091亿元，2025年达到1244亿元。 网络安全企业数量超过4…
阅读更多...
记忆旅游系统｜Java｜SSM｜VUE｜ 前后端分离

记忆旅游系统｜Java｜SSM｜VUE｜ 前后端分离

【技术栈】 1⃣️：架构: B/S、MVC 2⃣️：系统环境：Windowsh/Mac 3⃣️：开发环境：IDEA、JDK1.8、Maven、Mysql5.7 4⃣️：技术栈：Java、Mysql、SSM、Mybatis-Plus、VUE、jquery,html 5⃣️数据库可…
阅读更多...
微信小程序：定义页面标题，动态设置页面标题，json

微信小程序：定义页面标题，动态设置页面标题，json

1、常规设置页面标题 正常微信小程序中，设置页面标题再json页面中进行设置，例如 {"usingComponents": {},"navigationBarTitleText": "标题","navigationBarBackgroundColor": "#78b7f7","navi…
阅读更多...
理解生成协同促进？华为诺亚提出ILLUME，15M数据实现多模态理解生成一体化

理解生成协同促进？华为诺亚提出ILLUME，15M数据实现多模态理解生成一体化

多模态理解与生成一体化模型，致力于将视觉理解与生成能力融入同一框架，不仅推动了任务协同与泛化能力的突破，更重要的是，它代表着对类人智能（AGI）的一种深层探索。通过在单一模型中统一理解与生成&#xff…
阅读更多...
学习vue3的笔记

学习vue3的笔记

一、vue和react的对比 1、基础介绍 vue：https://cn.vuejs.org/ vue3是2020年创建的 react：https://react.dev/ react是一个2013年开源的JavaScript库，严格意义上来说不是一个框架 2、diff算法 两个框架采用的都是同级对比策略 两节点对…
阅读更多...
SQLiteDataBase数据库

SQLiteDataBase数据库

XML界面设计 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android"xmlns:tools"http://schemas.android.com/tools"android:layout_width"match_paren…
阅读更多...
k8s部署nginx+sshd实现文件上传下载

k8s部署nginx+sshd实现文件上传下载

要通过 nginx 和 sshd 实现文件的上传和下载&#xff0c;通常的做法是结合 SSH 协议和 HTTP 协议&#xff0c;使用 nginx 提供 Web 服务器功能&#xff0c;同时使用 sshd&#xff08;即 SSH 服务&#xff09;来处理通过 SSH 协议进行的文件传输。 SSH 实现文件的上传和下载&…
阅读更多...
clickhouse-backup配置及使用（Linux）

clickhouse-backup配置及使用（Linux）

一、下载地址 Releases Altinity/clickhouse-backup GitHub 二、上传到服务器解压安装 自行上传至服务器&#xff0c;解压命令&#xff1a; tar xvf clickhouse-backup-linux-amd64.tar.gz 三、创建软连接 sudo ln -sv build/linux/amd64/clickhouse-backup /usr/local/bin/…
阅读更多...
如何在群晖NAS上安装并配置MySQL与phpMyAdmin远程管理数据库

如何在群晖NAS上安装并配置MySQL与phpMyAdmin远程管理数据库

文章目录 前言1. 安装MySQL2. 安装phpMyAdmin3. 修改User表4. 本地测试连接MySQL5. 安装cpolar内网穿透6. 配置MySQL公网访问地址7. 配置MySQL固定公网地址8. 配置phpMyAdmin公网地址9. 配置phpmyadmin固定公网地址 前言 大家是不是经常遇到需要随时随地访问自己数据的情况&am…
阅读更多...
《向量数据库指南》——Milvus Cloud 2.5：Sparse-BM25引领全文检索新时代

《向量数据库指南》——Milvus Cloud 2.5：Sparse-BM25引领全文检索新时代

Milvus Cloud BM25：重塑全文检索的未来 在最新的Milvus Cloud 2.5版本中，我们自豪地引入了“全新”的全文检索能力，这一创新不仅巩固了Milvus Cloud在向量数据库领域的领先地位，更为用户提供了前所未有的灵活性和效率。作为大禹智库的向量数据库高级研究员，以及《向量数据…
阅读更多...
ESP32-CAM开发板入门 （下载示例程序）

ESP32-CAM开发板入门 （下载示例程序）

ESP32-CAM开发板例程使用 1、准备工作1.1、硬件准备1.2、软件准备 2、选择示例程序并录入第一步 1、准备工作 1.1、硬件准备 1.2、软件准备 Arduino IDE &#xff1a; 编程与写入&#xff08;下载地址 https://www.arduino.cc/en/software&#xff09; 安装好后将软件设置到…
阅读更多...
企业赋能是什么意思-国际数字影像产业园解读

企业赋能是什么意思-国际数字影像产业园解读

在当今竞争激烈的商业环境中&#xff0c;企业赋能已成为推动企业发展、提升竞争力的关键策略。国际数字影像产业园作为数字影像产业的重要集聚地&#xff0c;通过一系列创新举措为入驻园区的我众多企业赋能。那么&#xff0c;企业赋能究竟是什么意思呢&#xff1f; 企业赋能是…
阅读更多...
混合并行训练框架性能对比

混合并行训练框架性能对比

混合并行训练框架性能对比 1. 框架类型 DeepSpeed、Megatron - LM、Colossal - AI、SageMaker、Merak、FasterMoE、Tutel、Whale、Alpa、DAPPLE、Mesh - TensorFlow 2. 可用并行性（Available parallelisms） DNN framework（深度神经网络框架）DP（数据并行，Data Parallelis…
阅读更多...
客户案例：基于慧集通集成平台，打通屠宰管理系统与用友U8C 系统的全攻略

客户案例：基于慧集通集成平台，打通屠宰管理系统与用友U8C 系统的全攻略

一、引言 本原型客户成立于2014年&#xff0c;是一家集饲草种植、肉牛养殖、精深加工、冷链物流、餐饮服务于一体的大型农牧综合体。公司下设三个子公司分别涵盖农业、畜牧业、肉制品加工业与餐饮物流服务业。公司严格按照一二三产业融合发展要求&#xff0c;以肉牛产业化为支…
阅读更多...
HTML5滑块（Slider）

HTML5滑块（Slider）

HTML5 的滑块&#xff08;Slider&#xff09;控件允许用户通过拖动滑块来选择数值。以下是如何实现一个简单的滑块组件的详细说明。 HTML5 滑块组件 1. 基本结构 使用 <input type"range"> 元素可以创建一个滑块。下面是基本实现的代码示例&#xff1a; <…
阅读更多...
25. C++继承 1 (继承的概念与基础使用, 继承的复制兼容规则，继承的作用域)

25. C++继承 1 (继承的概念与基础使用, 继承的复制兼容规则，继承的作用域)

⭐上篇模板文章&#xff1a;24. C模板 2 (非类型模板参数&#xff0c;模板的特化与模板的分离编译)-CSDN博客 ⭐本篇代码&#xff1a;c学习 橘子真甜/c-learning-of-yzc - 码云 - 开源中国 (gitee.com) ⭐标⭐是比较重要的部分 目录 一. 继承的基础使用 1.1 继承的格式 1.2 …
阅读更多...
露营小程序搭建有哪些步骤?小程序里面可以找个露营搭子

露营小程序搭建有哪些步骤?小程序里面可以找个露营搭子

露营不仅仅是走进大自然的旅程&#xff0c;它也成为了一种社交和体验式的活动。随着小程序的普及&#xff0c;露营活动也越来越多地开始在线上开展。通过搭建一个露营小程序&#xff0c;商家不仅可以为用户提供更多的露营选择&#xff0c;还可以帮助他们找到合适的露营搭子。那…
阅读更多...
XIAO ESP32 S3网络摄像头——2视频获取

XIAO ESP32 S3网络摄像头——2视频获取

本文主要是使用XIAO Esp32 S3制作网络摄像头的第2步，获取摄像头图像。 1、效果如下： 2、所需硬件 3、代码实现 3.1硬件代码： #include "WiFi.h" #include "WiFiClient.h" #include "esp_camera.h" #include "camera_pins.h"// 设…
阅读更多...
记一次 dockerfile 的循环依赖错误

记一次 dockerfile 的循环依赖错误

文章目录 1. 写在最前面1.1 具体循环依赖的例子 2. 报错的位置2.1 代码快速分析2.2 代码总结2.3 关于 parser 的记录 3. 碎碎念 1. 写在最前面 笔者在使用 dockerfile 多阶段构建的功能时&#xff0c;写出了一个「circular dependency detected on stage: xx」的错误。 解决方…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023