Flask Web开发入门（十一）之图片展现

冷不防 2022-06-02 11:35 223阅读 0赞

在[Flask Web开发入门（十）之图片上传（使用Flask-Uploads）][Flask Web_Flask-Uploads]我们介绍了使用Flask插件Flask-Uploads上传图片，本章就此话题继续展开。

我们知道，我们可以通过**UPLOADS\_DEFAULT\_DEST**参数来指定文件上传的默认路径，假如我们指定的路径是**upload**目录，那么文件实际保存的路径为：

> **upload/files/xxx**

注意，files为**UploadSet**中的name参数，xxx为文件名

在上一章中，我们说过，Flask-Uploads保存文件的核心方法为：

> **uploaded\_photos.save(file)**

这个方法返回的是实际保存的文件名**filename**，当我们在完成保存文件动作之后，我们通过调用**url**方法：

> logger.debug(‘%s url is %s’ % (filename, uploaded\_photos.url(filename)))

就可以得到上传文件的网站访问全路径，即我们指定**UPLOADS\_DEFAULT\_URL**参数 + **files/xxx**，即：

> IMG20170422084710.jpg url is [http://127.0.0.1:9000/files/IMG20170422084710.jpg][http_127.0.0.1_9000_files_IMG20170422084710.jpg]

图片上传完毕之后，我们还需要查看图片，因此，基于上面的分析，我们的展现代码实现如下：

# show photo
    @app.route('/files/<string:filename>', methods=['GET'])
    def show_photo(filename):
        if request.method == 'GET':
            if filename is None:
                pass
            else:
                logger.debug('filename is %s' % filename)
                image_data = open(os.path.join(UPLOAD_PATH, 'files/%s' % filename), "rb").read()
                response = make_response(image_data)
                response.headers['Content-Type'] = 'image/png'
                return response
        else:
            pass

**源码参考：**[https://github.com/ypmc/flask-sqlalchemy-web][https_github.com_ypmc_flask-sqlalchemy-web]

[Flask Web_Flask-Uploads]: http://blog.csdn.net/kangkanglou/article/details/79036388
[http_127.0.0.1_9000_files_IMG20170422084710.jpg]: http://127.0.0.1:9000/files/IMG20170422084710.jpg
[https_github.com_ypmc_flask-sqlalchemy-web]: https://github.com/ypmc/flask-sqlalchemy-web