Python Flask实现图片在线预览与直接下载功能

Flask图片在线浏览与下载实现原理

当前方案将图片存储于MongoDB数据库中。为了实现访问 /get_pic/ID 时能在浏览器中直接打开图片，并在URL参数包含 filename=1.png 时触发直接下载功能，需要在读取图片的函数中对响应对象进行特定的Header配置。

在读取图片并构建响应的函数中，必须为 response 对象添加相应的 Headers 字段，以控制浏览器的行为。

在 Flask 框架中，可以通过 make_response 生成响应对象。

response=make_response(f.read())

触发下载与中文文件名处理

若需触发文件下载行为，需添加以下 Headers 设置：

当 filename 参数包含中文字符时，直接设置可能会引发 ASCII 编解码错误。

此时需导入 urllib 模块（Python 3环境）。

使用 filename=urllib.parse.quote(filename) 对文件名进行 URL 编码处理，以解决编码问题。

response.headers['Content-Type'] = 'application/octet-stream'
response.headers['Content-Disposition'] = 'attachment;filename="{0}"'.format(filename)

return response

图片浏览器缓存设置

若希望浏览器缓存该图片资源，需添加以下缓存相关的设置。

response.last_modified = 资源上次修改时间
response.set_etag(etag)
response.expires = 过期时间（好像只有这个就可以生效）

以上即为利用 Python Flask 解决图片在线浏览及直接下载问题的完整方案，供开发者参考。