tornado 图片上传以及展示
程序员文章站
2022-07-15 12:14:59
...
1. 目录结构
2. 图片上传见上一篇博客
https://blog.csdn.net/gklcsdn/article/details/103708668
3. index页面
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
{# for 循环遍历所有路径 然后传给img标签 images参数来源于后台 #}
{% for name in images %}
<img src="{{ name }}" alt="" width="200px" height="200px">
{% end %}
</body>
</html>
4. APP文件
import time
import glob
import tornado.web
import tornado.options
from tornado.options import define, options
from tornado.web import RequestHandler
import tornado.httpserver
import tornado.ioloop
define('port', default=8080, help='run port', type=int)
class UploadHandler(RequestHandler):
"""
get方法：渲染页面
post方法：前后端数据交互
"""
def get(self):
self.render('upload.html')
def post(self):
# picture html 页面name属性
img_list = self.request.files.get('picture')
for img in img_list:
# 图片名
filename = img['filename']
# 二进制数据
content = img['body']
# 保存路径
path = './static/images/{}'.format(filename)
with open(path, 'wb') as f:
f.write(content)
class IndexHandler(RequestHandler):
"""
图片显示
"""
def get(self):
# glob 方法，获取指定路径下的所有符合要求的文件信息，返回所有图片路径
img_names = glob.glob('static/images/*.jpg')
# 渲染页面，将参数传递给HTML页面
self.render('index.html', images=img_names)
class Application(tornado.web.Application):
def __init__(self):
handlers = [
(r'/upload', UploadHandler),
(r'/index', IndexHandler),
]
settings = dict(
debug=True,
template_path='template',
static_path='static'
)
super(Application, self).__init__(handlers, **settings)
app = Application()
if __name__ == '__main__':
tornado.options.parse_command_line()
print('监听端口: ', options.port)
server = tornado.httpserver.HTTPServer(app)
server.listen(options.port)
tornado.ioloop.IOLoop.instance().start()
5. 效果显示
上一篇： lintcode