如何在Python Flask中安全处理用户上传的SVG文件

冬伟姑娘_5609

冬伟姑娘_5609

2026-10-25

979人浏览

原创

SVG文件特别危险是因为它本质是XML文档,支持、onload、href="javascript:..."等可执行上下文,浏览器渲染时会解析并执行其中JS,导致XSS;仅靠secure_filename或扩展名白名单无效,必须进行内容级校验——先限大小与MIME类型,再验XML头部签名,最后用XML解析器白名单清洗节点与属性。

如何在python flask中安全处理用户上传的svg文件

不能只靠 secure_filename 或扩展名白名单来处理 SVG 文件——它本质是 XML,可嵌入脚本,必须做内容级校验。

为什么 SVG 文件特别危险

SVG 不是普通图片:它是 XML 文档,支持 <script></script>、onload、href="javascript:..." 等执行上下文。浏览器渲染时会解析并执行其中的 JS,导致 XSS。即使你用 secure_filename 重命名成 avatar.svg,只要内容没清理,用户访问该文件(比如通过 send_from_directory)就可能触发攻击。

常见错误现象包括:

  • 上传一个带 <svg onload="alert(1)"></svg> 的文件,后端返回 200,前端预览时弹窗
  • 用 magic.from_buffer() 检查 MIME 类型为 image/svg+xml 就放行,但实际内容含恶意 JS
  • 仅过滤文件扩展名(如只允许 .svg),却未阻止 malicious.svg.jpg 这类双扩展名绕过

必须做的三步校验

缺一不可,顺序不能颠倒:

  • 第一步:限制上传大小 + 拦截非 SVG MIME —— 在 WSGI 层就拒绝超大或明显非法请求:app.config['MAX_CONTENT_LENGTH'] = 2 * 1024 * 1024(2MB 足够 SVG);同时在路由开头快速检查 request.files['file'].content_type != 'image/svg+xml',直接 return {'error': 'Invalid content type'}, 400
  • 第二步:读取前 N 字节做签名验证 —— SVG 必须以 <?xml 或 <svg> 开头(忽略空格和注释)。用 <code>file.stream.read(1024) 获取头部,正则匹配 r'^\s*,不匹配则拒收
  • 第三步:XML 解析 + 白名单节点/属性清洗 —— 用 xml.etree.ElementTree 解析(禁用外部实体),递归遍历所有元素,删除含 on*、href(值含 javascript:)、script、foreignObject 的节点。不要用正则替换,XML 嵌套结构会让正则失效

保存与提供服务时的陷阱

即使校验通过,后续环节仍可能翻车:

Secure Python Code Sandbox
Secure Python Code Sandbox

安全 Python 代码沙箱:在隔离的沙箱中执行任意 Python 代码,预装 requests、NumPy、pandas 库。返回 stdout、stderr。

下载
  • 不要用 send_from_directory 直接返回 SVG——它默认设置 Content-Type: image/svg+xml,但浏览器可能根据响应体内容二次解析并执行 JS。应改用 send_file 并强制加安全头:headers={'Content-Security-Policy': "default-src 'none'; script-src 'none'"}
  • 存储路径必须是绝对路径且与 Web 根目录隔离,避免用户通过 URL 猜测路径直接访问原始文件
  • 如果需预览,应在服务端转成 PNG(用 cairosvg 库)再返回,彻底剥离 XML 上下文

真实可用的清洗示例(精简版)

import xml.etree.ElementTree as ET
from io import BytesIO
<p>def clean_svg_content(svg_bytes):
try:</p><h1>禁用外部实体,防 XXE</h1><pre class="brush:php;toolbar:false;">    parser = ET.XMLParser(resolve_entities=False)
    root = ET.parse(BytesIO(svg_bytes), parser).getroot()
except ET.ParseError:
    raise ValueError("Invalid SVG syntax")

# 递归清理危险属性和子树
def _clean(elem):
    # 删除 on* 事件属性
    attrs_to_drop = [k for k in elem.attrib if k.startswith('on')]
    for k in attrs_to_drop:
        del elem.attrib[k]

    # 删除 javascript: href
    if 'href' in elem.attrib and elem.attrib['href'].startswith('javascript:'):
        del elem.attrib['href']

    # 删除 script 和 foreignObject 元素
    children_to_remove = []
    for child in elem:
        if child.tag == 'script' or child.tag == '{http://www.w3.org/2000/svg}script':
            children_to_remove.append(child)
        elif child.tag == 'foreignObject' or child.tag == '{http://www.w3.org/2000/svg}foreignObject':
            children_to_remove.append(child)
        else:
            _clean(child)

    for c in children_to_remove:
        elem.remove(c)

_clean(root)
return ET.tostring(root, encoding='unicode')

注意:这个函数只处理内存中的 XML 结构,不保证 100% 防御所有 SVG 变种攻击(比如 base64 编码的内联 JS),生产环境建议配合 svg-sanitizer 这类专用库,并定期更新规则。

最易被忽略的一点:SVG 清洗必须在保存到磁盘前完成——一旦恶意内容落地,后续任何「按需读取+再清洗」都晚了;而且清洗后的字节流要重新校验长度,防止清洗过程引入意外空白或截断。

Python免费学习笔记(深入):立即使用
在学习笔记中,你将探索 Python 的核心概念和高级技巧!

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

python flask

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

2023.07.20

1791

4

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

2023.07.25

4744

7

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.31

1749

3

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

2023.08.03

28197

23

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3387

5

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3407

5

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

1203

5

python合并两个列表
python合并两个列表

Python是一种强大的编程语言,具有许多方便的功能和工具。在Python中,有多种方法可以合并两个列表。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.10

616

4

python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2643

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Uvicorn官方安装与入门手册
Uvicorn官方安装与入门手册

共0课时 | 0人学习

Python uv官方项目管理指南
Python uv官方项目管理指南

共0课时 | 0人学习

Python uv官方安装与入门文档
Python uv官方安装与入门文档

共0课时 | 0人学习