tornado 图片上传以及展示

最新推荐文章于 2024-05-15 13:36:21 发布

guokanglun

最新推荐文章于 2024-05-15 13:36:21 发布

阅读量923

点赞数

分类专栏： tornado

本文链接：https://blog.csdn.net/gklcsdn/article/details/103708989

版权

tornado 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

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. 效果显示

在这里插入图片描述

guokanglun

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
tornado 图片上传以及展示

1. 目录结构2. 图片上传见上一篇博客https://blog.csdn.net/gklcsdn/article/details/1037086683. index页面<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="...
复制链接

扫一扫