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，一经查实，立即删除！

相关文章

面试经典150题——滑动窗口

面试经典150题——滑动窗口

文章目录 1、长度最小的子数组1.1 题目链接1.2 题目描述1.3 解题代码1.4 解题思路 2、无重复字符的最长子串2.1 题目链接2.2 题目描述2.3 解题代码2.4 解题思路 3、串联所有单词的子串3.1 题目链接3.2 题目描述3.3 解题代码3.4 解题思路 4、最小覆盖子串4.1 题目链接4.2 题目描…
阅读更多...
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…
阅读更多...
Django项目部署到服务器

Django项目部署到服务器

文章目录 django项目部署到服务器在服务器上安装Django和依赖：项目代码上传配置数据库收集静态文件配置Web服务器配置Gunicorn（WSGI服务器）启动/停止/重载systemd服务。 django项目部署到服务器 在服务器上安装Django和依赖： su…
阅读更多...
记忆旅游系统｜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…
阅读更多...
基于通用优化软件GAMS的数学建模和优化分析；GAMS安装和介绍、GAMS程序编写、GAMS程序调试、实际应用算例演示与经验分享

基于通用优化软件GAMS的数学建模和优化分析；GAMS安装和介绍、GAMS程序编写、GAMS程序调试、实际应用算例演示与经验分享

GAMS（General Algebraic Modeling System）是一款高级建模系统，主要用于解决线性规划、非线性规划、动态规划、混合整数规划等优化问题。它以其简单清晰的用户接口和强健稳定的数值分析能力而著称，适用于大型、复杂的优化问题。GAM…
阅读更多...
理解生成协同促进？华为诺亚提出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 实现文件的上传和下载&…
阅读更多...
Golang 中 Goroutine 的调度

Golang 中 Goroutine 的调度

Golang 中 Goroutine 的调度 Golang 中的 Goroutine 是一种轻量级的线程&#xff0c;由 Go 运行时&#xff08;runtime&#xff09;自动管理。Goroutine 的调度基于 M:N 模型&#xff0c;即多个 Goroutine 可以映射到多个操作系统线程上执行。以下是详细的调度过程和策略&…
阅读更多...
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在向量数据库领域的领先地位，更为用户提供了前所未有的灵活性和效率。作为大禹智库的向量数据库高级研究员，以及《向量数据…
阅读更多...
SQL 总结

SQL 总结

SQL 总结 引言 SQL（Structured Query Language，结构化查询语言）是一种用于管理关系数据库管理系统（RDBMS）的标准编程语言。自1974年首次提出以来，SQL已成为数据库领域中不可或缺的一部分。它允许用户执行各种操作，如查询、更新、插入和删除数据库中的数据。本文旨在提…
阅读更多...
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;以肉牛产业化为支…
阅读更多...
最新文章

Copyright @ 2022~2023