用python写一段代码，点击按钮，获取前端页面上传的图片和文字

### 使用Python Flask上传图片和文本的示例代码以下是一个完整的示例，展示如何使用Flask框架处理前端上传的图片和文本数据。此示例结合了HTML表单、Flask后端逻辑以及文件保存功能。 #### 前端HTML代码 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文件上传</title> </head> <body> <h2>上传图片和文本</h2> <form action="/upload" method="POST" enctype="multipart/form-data"> <label for="text_input">输入文字:</label><br> <input type="text" id="text_input" name="text_input"><br><br> <label for="file_input">选择图片:</label><br> <input type="file" id="file_input" name="file_input" accept="image/*"><br><br> <button type="submit">上传</button> </form> </body> </html> ``` #### 后端Flask代码 ```python from flask import Flask, request, jsonify, render_template from werkzeug.utils import secure_filename import os app = Flask(__name__) # 配置上传路径 app.config['UPLOAD_FOLDER'] = './uploads' if not os.path.exists(app.config['UPLOAD_FOLDER']): os.makedirs(app.config['UPLOAD_FOLDER']) @app.route('/') def index(): return render_template('upload.html') @app.route('/upload', methods=['POST']) def upload(): try: # 获取文本数据 text_data = request.form.get('text_input', '') # 获取图片文件 file = request.files['file_input'] if file and file.filename != '': # 安全保存文件名 filename = secure_filename(file.filename) filepath = os.path.join(app.config['UPLOAD_FOLDER'], filename) file.save(filepath) # 保存文件到指定路径 # 返回结果 return jsonify({ 'message': '上传成功', 'text': text_data, 'filename': filename }), 200 else: return jsonify({'error': '未选择文件'}), 400 except Exception as e: return jsonify({'error': str(e)}), 500 if __name__ == '__main__': app.run(debug=True) ``` #### 功能说明 1. **前端部分**：HTML表单包含一个文本输入框和一个文件选择器，用户可以输入文字并选择图片文件。 2. **后端部分**： - 使用`request.form`获取文本输入框的数据[^3]。 - 使用`request.files`获取上传的文件，并通过`secure_filename`确保文件名安全[^1]。 - 将上传的图片保存到指定目录中。 - 返回JSON响应，告知上传状态及结果。 #### 注意事项 - 确保服务器上的`./uploads`目录存在且具有写权限。 - 如果需要对图片进行进一步处理（如OCR识别），可以参考提供的OCR识别代码片段[^2]。 --- ###

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

下一篇使用python对人影进行标注

目录

用python写一段代码，点击按钮，获取前端页面上传的图片和文字

Python内容推荐

Python的Tkinter点击按钮触发事件的例子

python 按钮点击关闭窗口的实现

python向企业微信发送文字和图片消息的示例

python模拟点击网页按钮实现方法

python 实现图片上传接口开发 并生成可以访问的图片url

python向图片里添加文字

python自动化实现登录获取图片验证码功能

Python SELENIUM上传文件或图片实现过程

利用python将图片版PDF转文字版PDF

如何利用Python识别图片中的文字

Python3实现获取图片文字里中文的方法分析

python tkinter GUI绘制,以及点击更新显示图片代码

Python 把几张图片拼接成一张图片，并且写上文字

python requests抓取one推送文字和图片代码实例

Python调用百度OCR实现图片文字识别的示例代码

图片的批量上传的前端插件

页面上传多张图片并显示，可删除可指定上传多张

layui实现图片虚拟路径上传,预览和删除的例子

图片/文件批量上传+后台controller

多图片上传和图片在页面直接显示demo

交错并联图腾柱PFC变换器仿真设计（Simulink仿真实现）

高校技术转移办公室人员在推进成果转化时，如何快速识别高质量专利？.docx

2026.06.15+细节判断+郭熙+（笔记）（郭熙言语高分“十二计”）.pdf

政府科技管理者如何推动高校科研成果精准对接产业需求？.docx

产业园区运营负责人如何利用AI技术精准识别和推荐适合的科技成果？.docx

信捷XD5 PLC控制码垛机械手实现自动化六轴编程

【Python爬虫避坑黄金法则】：23个生产环境血泪教训+17种高频报错的秒级定位方案（2024年最新版）

C盘快满了，想把D盘空间合并过去，但中间隔着恢复分区，该怎么安全操作？

氨气催化裂解模拟研究：COMSOL在不同压力温度下的应用

STOP2模式RTC唤醒失准根源锁定：电源域切换时序偏差+LSI频率漂移+备份域寄存器锁存延迟——通过CubeMX配置反推+HAL源码注释溯源+示波器捕获LSE起振全过程

python 实现图片上传接口开发并生成可以访问的图片url