Flask web上传获取图像Image读取并使用方式
作者：loong_XL 发布时间：2021-06-14 11:37:58
标签：Flask,web,上传图像,Image
Flask web上传获取图像Image读取并使用
图片上传界面
后端
@app.route('/upload')
def upload_test():
return render_template('new.html')
前端：new.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<form method="post" action="http://localhost:6600/up_photo" enctype="multipart/form-data">
<input type="file" size="30" name="photo"/>
<br>
<!-- <input type="text" class="txt_input" name="name" style="margin-top:15px;"/>-->
<input type="submit" value="提交信息" class="button-new" style="margin-top:15px;"/>
</form>
</div>
</body>
</html>
图片上传后端处理代码
后端
***stream获取图像文件，另外[‘photo’]与前端name="photo"属性对其
@app.route('/up_photo', methods=['post'])
def up_photo():
img1 = request.files['photo']
print(type(img1))
img = Image.open(img1.stream)
# 保存图片
img1.save(file_path)
Flask上传本地图片并在页面上显示
使用Flask远程上传图片到服务器，并把获取到的图片显示到前端页面上。
方法一
目录结构：
'
static/images' 文件夹用来存放上传过来的图片'
templates’文件夹下的两个html文件定义显示页面upload_pictures.py是工程代码
'static/images' 文件夹用来存放上传过来的图片‘templates’文件夹下的两个html文件定义显示页面upload_pictures.py 是工程代码
upload_pictures.py 代码：
# coding:utf-8
from flask import Flask, render_template, request, redirect, url_for, make_response,jsonify
from werkzeug.utils import secure_filename
import os
import cv2
import time
from datetime import timedelta
#设置允许的文件格式
ALLOWED_EXTENSIONS = set(['png', 'jpg', 'JPG', 'PNG', 'bmp'])
def allowed_file(filename):
return '.' in filename and filename.rsplit('.', 1)[1] in ALLOWED_EXTENSIONS
app = Flask(__name__)
# 设置静态文件缓存过期时间
app.send_file_max_age_default = timedelta(seconds=1)
# @app.route('/upload', methods=['POST', 'GET'])
@app.route('/upload', methods=['POST', 'GET']) # 添加路由
def upload():
if request.method == 'POST':
f = request.files['file']
if not (f and allowed_file(f.filename)):
return jsonify({"error": 1001, "msg": "请检查上传的图片类型，仅限于png、PNG、jpg、JPG、bmp"})
user_input = request.form.get("name")
basepath = os.path.dirname(__file__) # 当前文件所在路径
upload_path = os.path.join(basepath, 'static/images', secure_filename(f.filename)) # 注意：没有的文件夹一定要先创建，不然会提示没有该路径
# upload_path = os.path.join(basepath, 'static/images','test.jpg') #注意：没有的文件夹一定要先创建，不然会提示没有该路径
f.save(upload_path)
# 使用Opencv转换一下图片格式和名称
img = cv2.imread(upload_path)
cv2.imwrite(os.path.join(basepath, 'static/images', 'test.jpg'), img)
return render_template('upload_ok.html',userinput=user_input,val1=time.time())
return render_template('upload.html')
if __name__ == '__main__':
# app.debug = True
app.run(host='0.0.0.0', port=8987, debug=True)
upload.html 文件代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flask上传图片演示</title>
</head>
<body>
<h1>使用Flask上传本地图片并显示示例一</h1>
<form action="" enctype='multipart/form-data' method='POST'>
<input type="file" name="file" style="margin-top:20px;"/>
<br>
<i>请输入你当前的心情（开心、超开心、超超开心）：</i>
<input type="text" class="txt_input" name="name" value="超超开心" style="margin-top:10px;"/>
<input type="submit" value="上传" class="button-new" style="margin-top:15px;"/>
</form>
</body>
</html>
upload_ok.html文件代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flask上传图片演示</title>
</head>
<body>
<h1>使用Flask上传本地图片并显示示例一</h1>
<form action="" enctype='multipart/form-data' method='POST'>
<input type="file" name="file" style="margin-top:20px;"/>
<br>
<i>请输入你当前的心情（开心、超开心、超超开心）：</i>
<input type="text" class="txt_input" name="name" value="超超开心" style="margin-top:10px;"/>
<input type="submit" value="上传" class="button-new" style="margin-top:15px;"/>
</form>
<h1>阁下的心情是：{{userinput}}！</h1>
<img src="{{ url_for('static', filename= './images/test.jpg',_t=val1) }}" width="400" height="400" alt="你的图片被外星人劫持了～～"/>
</body>
</html>
直接运行 python upload_pictures.py 就行了，定义了端口号8987，在本机上访问 '127.0.0.1:8987/upload' ，出现以下界面：
点击'浏览' 并上传后，上传的图片保存到了 ‘static/images'目录下，显示结果：
方法二
目录结构：
目录文件介绍同方法一。
upload_pictures.py 代码：
# coding:utf-8
from flask import Flask,render_template,request,redirect,url_for,make_response,jsonify
from werkzeug.utils import secure_filename
import os
import cv2
from datetime import timedelta
#设置允许的文件格式
ALLOWED_EXTENSIONS = set(['png', 'jpg', 'JPG', 'PNG', 'bmp'])
def allowed_file(filename):
return '.' in filename and filename.rsplit('.', 1)[1] in ALLOWED_EXTENSIONS
app = Flask(__name__)
# 设置静态文件缓存过期时间
app.send_file_max_age_default = timedelta(seconds=1)
@app.route('/upload', methods=['POST', 'GET']) # 添加路由
def upload():
if request.method == 'POST':
f = request.files['file']
if not (f and allowed_file(f.filename)):
return jsonify({"error": 1001, "msg": "请检查上传的图片类型，仅限于png、PNG、jpg、JPG、bmp"})
user_input = request.form.get("name")
basepath = os.path.dirname(__file__) # 当前文件所在路径
upload_path = os.path.join(basepath, 'static/images',secure_filename(f.filename)) #注意：没有的文件夹一定要先创建，不然会提示没有该路径
f.save(upload_path)
image_data = open(upload_path, "rb").read()
response = make_response(image_data)
response.headers['Content-Type'] = 'image/png'
return response
return render_template('upload.html')
if __name__ == '__main__':
# app.debug = True
app.run(host = '0.0.0.0',port = 8987,debug= True)
upload.html 文件代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flask上传图片演示</title>
</head>
<body>
<h1>使用Flask上传本地图片并显示示例二</h1>
<form action="" enctype='multipart/form-data' method='POST'>
<input type="file" name="file" style="margin-top:20px;"/>
<br>
<i>请输入你当前的心情（开心、超开心、超超开心）：</i>
<input type="text" class="txt_input" name="name" value="超超开心" style="margin-top:10px;"/>
<input type="submit" value="上传" class="button-new" style="margin-top:15px;"/>
</form>
</body>
</html>
运行 python upload_pictures.py ，端口号定义的是8987，在本机上访问 '127.0.0.1:8987/upload' ，出现以下界面：
点击'浏览' 并上传后，上传的图片保存到了 ‘static/images'目录下，显示结果：
方法二显示出来的图片覆盖了整个页面。
tips： 如果是在其他机器上访问，把127.0.0.1的IP换成服务器的IP就行了。
来源：https://blog.csdn.net/weixin_42357472/article/details/122491269
0
投稿猜你喜欢
基于Ubuntu16.04 + Python3 + nginx + mysql + Django接下来先安装这些必要的环境，这些操作都是在你- 1 包简介1.1 工作空间go语言的工作空间必须由 bin、pkg、src三个目录组成,可以在GOPATH环境变量中添加多个工作空间，但不能
- 爬取流程（美食区最热标签下的三个视频）在首页获取视频的编号和名字拼接成正确的url保存视频思路1.从网页中获取视频的url发现视频的url在
- 一、使用ddt和data装饰器的大致框架如下，每个test_开头的方法，代表一条测试用例from ddt import ddt,dataim
- 静态页面是蜘蛛喜欢的，会得到蜘蛛经常光顾的，以至于网站上的内容会得到搜索引擎更多的收录。这里介绍一个asp伪静态的程序实现方法数据库是acc
- 函数：len()1：作用：返回字符串、列表、字典、元组等长度2：语法：len(str)3：参数：str：要计算的字符串、列表、字典、元组等4
- 前言这一期我们继续完善我们的魔塔小游戏。废话不多说，让我们愉快地开始吧~开发工具Python版本： 3.7.4相关模块：cpgam
- 一.下载安装包官网下载：python 3.6.0打开链接滑到页面最下方二. 开始安装1.双击下载好的安装文件python-3.6.0-amd
- python中eval函数的用法十分的灵活，这里主要介绍一下它的原理和一些使用的场合。下面是从python的官方文档中的解释： &
- 今天在论坛上面看到有些兄弟不知道HTC是什么东西。小生在这里稍微说一下。从5.5版本开始，Internet Explorer（IE）开始支持
- 使用celery在django项目中实现异步发送短信在项目的目录下创建celery_tasks用于保存celery异步任务。在celery_
- 这篇文章主要介绍了Python二次规划和线性规划使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的
- 国外纷纷传言IE8将是Internet Explorer的最后一个版本，这个猜测来源于Microsoft的CEO Steve
- 刚刚看了bootstrap的导航栏，发现有点弄混了，现在来整理一下；导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航
- 一、首先从SQLServer中Error讲起，SQL中错误处理有些怪辟 错误级别同是16但结果都不同。select *
- 1.设置phpMyAdmin Language:Chinese simplified (zh-utf-8)MySQL 字符集：UTF-8 U
- 如何在第10000名来访者访问时显示中奖页面？看看下面的代码：< SCRIPT LANGUAGE=VBScript
- 总结调试网站获取cookies时请查看，r.header和r.request.header这两个属性，因为cookie说不准出现在他们俩谁里
- 如下所示：>>> import numpy as np>>> a = np.array([[1, 2,
- 什么是.netMicrosoft® .NET 是 Microsoft XML Web services 平台。XML Web
