如何通过Python编写的Azure Function HTTP触发器在HTTP响应中向前端返回图片

核心实现逻辑 #

你只需要读取本地临时目录的图片文件、设置正确的HTTP响应头，直接返回二进制流即可，具体步骤如下：

• 第一步：导入所需依赖，包括azure.functions.HttpResponse、文件操作相关的os、识别文件类型的mimetypes
• 第二步：构造图片在Azure Function临时目录的完整路径，Azure Function Python运行环境的默认临时目录为/tmp
• 第三步：读取图片的二进制内容，自动识别图片的MIME类型，根据业务需求设置响应头：
  • 如果需要前端直接预览图片，设置Content-Disposition为inline
  • 如果需要触发前端下载，设置为attachment; filename="你的图片名.后缀"
• 第四步：返回二进制内容的HTTP响应，状态码设为200，头信息带上MIME类型和缓存配置即可

完整代码示例 #

import azure.functions as func
import os
import mimetypes

def main(req: func.HttpRequest) -> func.HttpResponse:
    # 构造临时目录下的图片完整路径，替换为你的实际图片文件名
    img_file_name = "test.png"
    tmp_img_path = os.path.join("/tmp", img_file_name)
    
    # 校验文件是否存在
    if not os.path.exists(tmp_img_path):
        return func.HttpResponse("图片不存在", status_code=404)
    
    # 读取图片二进制内容
    with open(tmp_img_path, "rb") as f:
        img_bytes = f.read()
    
    # 自动识别MIME类型，识别失败默认返回通用二进制流类型
    mime_type, _ = mimetypes.guess_type(tmp_img_path)
    mime_type = mime_type or "application/octet-stream"

    # 构造响应头，这里配置为前端直接预览
    headers = {
        "Content-Type": mime_type,
        "Content-Disposition": f'inline; filename="{img_file_name}"',
        "Cache-Control": "public, max-age=86400" # 可选，配置1天的缓存时间减少重复请求
    }

    return func.HttpResponse(img_bytes, status_code=200, headers=headers)

常见注意事项 #

• Azure Function临时目录的存储大小有限制，消费计划下最多1GB，处理完图片后建议及时清理不需要的文件避免占用空间
• 如果返回的图片在前端显示异常，优先检查MIME类型是否匹配，也可以手动指定为image/png、image/jpeg等对应类型
• 跨域场景下需要在Azure Function的CORS配置中添加你前端域名的白名单，否则前端会无法获取响应内容

内容的提问来源于stack exchange，提问作者Pinaak Goel