美文网首页
上传下载图片,django-filter

上传下载图片,django-filter

作者: 快去学习不然怎么去看aimer | 来源:发表于2019-09-26 21:07 被阅读0次

上传下载图片

上传图片

在models中:
avatar = models.ImageField(verbose_name="头像", upload_to='users/%Y/%m/%d/', 
    max_length=128, null = True, blank = True)

在settings.py中
MEDIA_ROOT = os.path.join(BASE_DIR,"media") 

MEDIA_URL = '/media/'

在html中
<form action="{% url 'users:usersreg' %}" method="POST" enctype="multipart/form-data" >
<div class="form-group">
                            <label for="id_avatar">头像</label>
                            <input type="file" class="form-control" name="avatar" id="id_avatar">
                            {% if form.errors.avatar %}
                            <div class="alert alert-danger" role="alert">{{ form.errors.avatar.0 }}</div>
                            {%  endif  %}
                        </div>
</from>

下载图片

在settings.py:
TEMPLATES = [{
    'OPTIONS': {
        'context_processors': [
            'django.template.context_processors.media',
         ],
      },
  },
]


在项目根目录urls.py:
from qfgp01site.settings import MEDIA_ROOT
from django.views.static import serve

urlpatterns = [
    re_path(r'^media/(?P<path>.*)$', serve, {"document_root": MEDIA_ROOT}),
]

在html中
<img src="{{ MEDIA_URL }}{{ request.user.avatar }}" alt="头像" class="img-circle naver">

django-filter

进行信息过滤

流程:
html的ajax请求-->views-->cmdb_django_filter(filter的过滤选项)-->views.reutrn-->html

pip3 install django-filter
pip3 install django-widget-tweaks


在settings中注册应用:
'django_filters',
'widget_tweaks',

在views:
def server_list(request):
    f = ServerFilter(request.GET, queryset=Server.objects.all())
    return render(request, 'cmdb/server-list.html', {"filter": f}) 

在cmdb_django_filter:
class ServerFilter(django_filters.FilterSet):
    class Meta:
        model = Server
        fields = {
            'host_name': ['exact', ],
            'physical_count': ['lt', 'gt'],
            'kernel': ['exact']
        }

html中:
{% load widget_tweaks %}

<div class="col-md-11">
                {{ filter.form.host_name.label_tag }}
                {{ filter.form.host_name|add_class:"form-control" }}    
                {{ filter.form.physical_count__lt.label_tag }}
                {{ filter.form.physical_count__lt|add_class:"form-control" }}
                {{ filter.form.physical_count__gt.label_tag }}
                {{ filter.form.physical_count__gt|add_class:"form-control" }}
</div>

相关文章

  • 上传下载图片,django-filter

    上传下载图片 上传图片 下载图片 django-filter 进行信息过滤 流程:html的ajax请求-->vi...

  • 2020-05-15

    jeecgboot框架——文件(图片)上传下载代码 表单文件(图片)上传代码

  • 用django-filter实现高级搜索

    在上一篇文章中,我们介绍了 django-filter 的基本功能。实际上 django-filter 还可以实现...

  • mongoengine fileField图片操作

    files上传下载 利用mongoengine models fileField实列 进行图片的上传和下载。(使用...

  • 安装

    使用pip安装 pip install django-filter 注册app

  • Live-Server-8-SpringBoot文件上传下载

    服务器中的文件上传下载是基本操作,图片、用户头像的上传下载、文件的传输和资源分享等已经成为每个应用必不可少的功能。...

  • 文件上传下载

    图片上传下载交给框架后 用框架做文件的上传下载后,因为是新建的文件夹静态文件会被拦截所以要多配一级静态资源放行

  • iOS一行代码压缩图片大小

    现在基本所有应用都与图片相关联,这就必然涉及到上传下载图片,而用户的流量又迟迟没有被解放,因此图片就不能太大,我们...

  • 29、DRF_自定义模糊查询/过滤器

    1、添加django-fitlter扩展:pip install django-filter 2、 setting...

  • day8:基于django的三方库

    1、django-debug-toolbar;————debug查看工具,辅助开发2、django-filter;...

网友评论

      本文标题:上传下载图片,django-filter

      本文链接:https://www.haomeiwen.com/subject/wjsguctx.html