blocks|key|1533677|text|我从来没有使用过SVGAndImageFormField，所以我不能对此发表评论。就我个人而言，我会选择一个简单的FileField应用程序，但这显然取决于项目需求。我将在下面详述这一点：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1533678|正如注释中提到的，ImageField和FileField之间的基本区别是，第一个检查文件是否为使用枕头的图像：|1533679|从FileField继承所有属性和方法，但也验证上载的对象是有效的图像。|blockquote|1533680|参考资料：姜戈博士，Django源代码|1533681|它还提供了一些可能与SVG情况无关的属性(高度、宽度)。|1533682|因此，模型领域可以是：|1533683|++++svg+=+models.FileField(upload_to=...,+validators=[validate_svg])|code-block|syntax|javascript|1533684|您可以使用相关问题中提供的类似于is_svg的函数：|1533685|我怎么能说一个文件是SVG而不使用神奇的数字呢？|1533686|然后是一个验证SVG的函数：|1533687|def+validate_svg(file,+valid):
++++if+not+is_svg(file):
++++++++raise+ValidationError("File+not+svg")|1533688|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.djangoproject.com/en/1.9/ref/models/fields/#imagefield|1|https://github.com/django/django/blob/master/django/db/models/fields/files.py|2|https://stackoverflow.com/questions/15136264/how-can-i-say-a-file-is-svg-without-using-a-magic-number^0|8|K|1L|9|0|0|0|5|4|0|A|9|1|0|0|0|0|G|6|0|0|O|2|0|0|0^^$0|@$1|2|3|4|5|6|7|1F|8|@$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1K|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1L|8|@]|D|@]|E|$]]|$1|K|3|L|5|6|7|1M|8|@]|D|@$9|1N|A|1O|1|1P]|$9|1Q|A|1R|1|1S]]|E|$]]|$1|M|3|N|5|6|7|1T|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1U|8|@]|D|@]|E|$]]|$1|Q|3|R|5|S|7|1V|8|@]|D|@]|E|$T|U]]|$1|V|3|W|5|6|7|1W|8|@$9|1X|A|1Y|B|C]]|D|@]|E|$]]|$1|X|3|Y|5|6|7|1Z|8|@]|D|@$9|20|A|21|1|22]]|E|$]]|$1|Z|3|10|5|6|7|23|8|@]|D|@]|E|$]]|$1|11|3|12|5|S|7|24|8|@]|D|@]|E|$T|U]]|$1|13|3|-4|5|6|7|25|8|@]|D|@]|E|$]]]|14|$15|$5|16|17|18|E|$19|1A]]|1B|$5|16|17|18|E|$19|1C]]|1D|$5|16|17|18|E|$19|1E]]]]

I have never used <code>SVGAndImageFormField</code> so I cannot really comment on that. Personally I would have opted for a simple application of <code>FileField</code>, but that clearly depends on the project requirements. I will expand on that below:

As mentioned in the comment, the basic difference between an ImageField and a FileField is that the first checks if a file is an image using Pillow:

<blockquote>
 Inherits all attributes and methods from FileField, but also validates that the uploaded object is a valid image.
</blockquote>

Reference: <a href="https://docs.djangoproject.com/en/1.9/ref/models/fields/#imagefield" rel="noreferrer">Django docs</a>, <a href="https://github.com/django/django/blob/master/django/db/models/fields/files.py" rel="noreferrer">Django source code</a>

It also offers a couple of attributes possibly irrelevant to the SVG case (height, width).

Therefore, the model field could be:

<pre><code> svg = models.FileField(upload_to=..., validators=[validate_svg])
</code></pre>

You can use a function like <code>is_svg</code> as provided in the relevant question:

<a href="https://stackoverflow.com/questions/15136264/how-can-i-say-a-file-is-svg-without-using-a-magic-number">How can I say a file is SVG without using a magic number?</a>

Then a function to validate SVG:

<pre><code>def validate_svg(file, valid):
 if not is_svg(file):
 raise ValidationError("File not svg")
</code></pre>

blocks|key|1533714|text|下面是一个简单的模型字段的解决方案，您可以使用它来代替models.ImageField|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1533715|class+Icon(models.Model):
++++image_file+=+SVGAndImageField()|code-block|syntax|javascript|1533716|您需要在代码中的某个位置定义以下类和函数：|1533717|from+django.db+import+models

class+SVGAndImageField(models.ImageField):
++++def+formfield(self,+**kwargs):
++++++++defaults+=+{'form_class':+SVGAndImageFieldForm}
++++++++defaults.update(kwargs)
++++++++return+super().formfield(**defaults)|1533718|下面是SVGAndImageFieldForm的样子：|1533719|from+django+import+forms
from+django.core.exceptions+import+ValidationError

class+SVGAndImageFieldForm(forms.ImageField):
++++def+to_python(self,+data):
++++++++try:
++++++++++++f+=+super().to_python(data)
++++++++except+ValidationError:
++++++++++++return+validate_svg(data)

++++++++return+f|1533720|函数validate_svg+I从其他解决方案中获取：|1533721|import+xml.etree.cElementTree+as+et

def+validate_svg(f):
++++#+Find+"start"+word+in+file+and+get+"tag"+from+there
++++f.seek(0)
++++tag+=+None
++++try:
++++++++for+event,+el+in+et.iterparse(f,+('start',)):
++++++++++++tag+=+el.tag
++++++++++++break
++++except+et.ParseError:
++++++++pass

++++#+Check+that+this+"tag"+is+correct
++++if+tag+!=+'{http://www.w3.org/2000/svg}svg':
++++++++raise+ValidationError('Uploaded+file+is+not+an+image+or+SVG+file.')

++++#+Do+not+forget+to+"reset"+file
++++f.seek(0)

++++return+f|1533722|另外，如果您只想使用SVG文件--只使用模型字段--您可以做得更简单。|BOLD|1533723|只需创建从models.FileField继承的类，在__init__方法中可以将validate_svg函数添加到kwargs['validators']。|1533724|或者只需将这个验证器添加到models.FileField中就可以了:)|1533725|entityMap^0|R|H|0|0|0|0|3|K|0|0|2|C|0|0|A|A|0|5|G|R|8|15|C|1M|K|0|D|G|0^^$0|@$1|2|3|4|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1E|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|U|3|V|5|H|7|1I|8|@]|D|@]|E|$I|J]]|$1|W|3|X|5|6|7|1J|8|@$9|1K|A|1L|B|Y]]|D|@]|E|$]]|$1|Z|3|10|5|6|7|1M|8|@$9|1N|A|1O|B|C]|$9|1P|A|1Q|B|C]|$9|1R|A|1S|B|C]|$9|1T|A|1U|B|C]]|D|@]|E|$]]|$1|11|3|12|5|6|7|1V|8|@$9|1W|A|1X|B|C]]|D|@]|E|$]]|$1|13|3|-4|5|6|7|1Y|8|@]|D|@]|E|$]]]|14|$]]

Here is a solution that works as a simple model field, that you can put instead of <code>models.ImageField</code>:

<pre><code>class Icon(models.Model):
 image_file = SVGAndImageField()
</code></pre>

You need to define following classes and functions somewhere in your code:

<pre><code>from django.db import models

class SVGAndImageField(models.ImageField):
 def formfield(self, **kwargs):
 defaults = {'form_class': SVGAndImageFieldForm}
 defaults.update(kwargs)
 return super().formfield(**defaults)
</code></pre>

And here is how <code>SVGAndImageFieldForm</code> looks like:

<pre><code>from django import forms
from django.core.exceptions import ValidationError

class SVGAndImageFieldForm(forms.ImageField):
 def to_python(self, data):
 try:
 f = super().to_python(data)
 except ValidationError:
 return validate_svg(data)

 return f
</code></pre>

Function <code>validate_svg</code> I took from other solutions:

<pre><code>import xml.etree.cElementTree as et

def validate_svg(f):
 # Find "start" word in file and get "tag" from there
 f.seek(0)
 tag = None
 try:
 for event, el in et.iterparse(f, ('start',)):
 tag = el.tag
 break
 except et.ParseError:
 pass

 # Check that this "tag" is correct
 if tag != '{http://www.w3.org/2000/svg}svg':
 raise ValidationError('Uploaded file is not an image or SVG file.')

 # Do not forget to "reset" file
 f.seek(0)

 return f
</code></pre>

<hr>

Also if you want to use SVG files only model field - you can do it more simple.

Just create class, inherited from <code>models.FileField</code>, and in <code>__init__</code> method you can add <code>validate_svg</code> function to <code>kwargs['validators']</code>.

Or just add this validator to <code>models.FileField</code> and be happy :)

blocks|key|1168879|text|from+django.forms+import+ModelForm,+FileField

class+TemplatesModelForm(ModelForm):
++++class+Meta:
++++++++model+=+Templates
++++++++exclude+=+[]
++++++++field_classes+=+{
++++++++++++'image':+FileField,
++++++++}

@admin.register(Templates)
class+TemplatesAdmin(admin.ModelAdmin):
++++form+=+TemplatesModelForm|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1168880|它的工作|unstyled|1168881|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>from django.forms import ModelForm, FileField

class TemplatesModelForm(ModelForm):
 class Meta:
 model = Templates
 exclude = []
 field_classes = {
 'image': FileField,
 }

@admin.register(Templates)
class TemplatesAdmin(admin.ModelAdmin):
 form = TemplatesModelForm
</code></pre>

its work

blocks|key|1533739|text|正如注释中所述，SVGAndImageFormField的验证将失败，因为使用django.core.validators.validate_image_file_extension检查扩展，这是ImageField的默认验证器。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1533740|解决方法之一是创建一个自定义验证器，将"svg"添加到所接受的扩展中。|1533741|编辑的：谢谢您的评论|BOLD|1533742|from+django.core.validators+import+(
++++get_available_image_extensions,
++++FileExtensionValidator,
)


def+validate_image_and_svg_file_extension(value):
++++allowed_extensions+=+get_available_image_extensions()+%2B+["svg"]
++++return+FileExtensionValidator(allowed_extensions=allowed_extensions)(value)|code-block|syntax|javascript|1533743|然后，重写SvgAndImageFormField中的SvgAndImageFormField属性。|1533744|class+SVGAndImageFormField(DjangoImageField):
++++default_validators+=+[validate_image_and_svg_file_extension]
#+...|1533745|entityMap^0|8|K|13|1G|2Q|A|0|J|5|0|0|3|0|0|5|K|R|K|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|15|8|@$9|16|A|17|B|J]]|D|@]|E|$]]|$1|K|3|L|5|M|7|18|8|@]|D|@]|E|$N|O]]|$1|P|3|Q|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|R|3|S|5|M|7|1E|8|@]|D|@]|E|$N|O]]|$1|T|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|U|$]]

As stated in the comments, validation for <code>SVGAndImageFormField</code> will fail because extensions are checked using <code>django.core.validators.validate_image_file_extension</code>, which is the default validator for an <code>ImageField</code>. 

A workaround for this would be creating a custom validator adding <code>"svg"</code> to the accepted extensions.

Edited: Thanks @Ilya Semenov for your comment

<pre><code>from django.core.validators import (
 get_available_image_extensions,
 FileExtensionValidator,
)


def validate_image_and_svg_file_extension(value):
 allowed_extensions = get_available_image_extensions() + ["svg"]
 return FileExtensionValidator(allowed_extensions=allowed_extensions)(value)
</code></pre>

Then, override the <code>default_validators</code> attribute in the <code>SvgAndImageFormField</code>:

<pre><code>class SVGAndImageFormField(DjangoImageField):
 default_validators = [validate_image_and_svg_file_extension]
# ...
</code></pre>

I'm switching to SVG images to represent categories on my e-commerce platform. I was using <code>models.ImageField</code> in the Category model to store the images before, but the <code>forms.ImageField</code> validation is not capable of handling a vector-based image (and therefore rejects it).

I don't require thorough validation against harmful files, since all uploads will be done via the Django Admin. It looks like I'll have to switch to a <code>models.FileField</code> in my model, but I do want warnings against uploading invalid images.

Nick Khlestov wrote a <a href="https://7webpages.com/blog/how-to-have-svg-allowed-as-an-image-for-django-rest-framework/" rel="noreferrer">SVGAndImageFormField</a> (find source within the article, I don't have enough reputation to post more links) over <a href="https://github.com/tomchristie/django-rest-framework/blob/master/rest_framework/fields.py#L1392" rel="noreferrer">django-rest-framework's ImageField</a>. How do I use this solution over Django's ImageField (and not the DRF one)?

Allow SVG files to be uploaded to ImageField via Django admin

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在切换到SVG图像来表示我的电子商务平台上的类别。我以前在分类模型中使用models.ImageField来存储图像，但是forms.ImageField验证不能处理基于向量的图像(因此拒绝它)。我不需要对有害的文件进行彻底的验证，因为所有的上传都将通过Django管理完成。看起来我必须在我的模型中切换到一个mod...

问允许SVG文件通过Django管理上传到ImageField
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问允许SVG文件通过Django管理上传到ImageFieldEN