django实现上传头像和头像展示功能

django实现这个功能首先在models.py中创建数据库模型类

class Image(models.Model):name = models.CharField(max_length=30)image = models.ImageField(upload_to='static/form')#该函数需要安装第三方包pillow

在控制台输入以下命令：

通过python manage.py makemigrations创建迁移文件

通过python manage.py migrate创建数据表

在setting.py中加上STATICFILES_DIRS = (os.path.join(BASE_DIR,'static'),)

创建static文件包和app在同一路径下

在views.py内写


def image(request):if request.method == 'GET':return render(request, 'image.html')if request.method == 'POST':name = request.POST.get('name')image = request.FILES.get('image')images = Image(name=name, image=image)images.save()return render(request, 'image_show.html', {'images': images})

在Templates下

创建imsge.html


#头像的上传html
<form action='' method='post' enctype="multipart/form-data">
{% csrf_token %}
昵称：<input type='text' name='name'>
头像：<input type='file' name='image'>
<input type='submit'>
</form>

创建image_show.html

姓名：{{images.name}}
<br>
头像<img src='/{{images.image}}' alt='无' width='50' height='50'>

注：设置路由

django实现上传头像和头像展示功能相关推荐

设计测试用例之一个系统，多个摄像头，抓拍车牌，识别车牌，上传网上，网上展示
请对这个系统做出测试用例:一个系统,多个摄像头,抓拍车牌,识别车牌,上传网上,网上展示功能要求: 1.每个摄像头都能抓拍车牌: 2.每个摄像头抓拍到的车牌能正常交给系统处理: 3.系统能够正确识别车 ...
php头像上传思路,PHP头像上传，php头像上传_PHP教程
PHP 头像上传,php头像上传嘻嘻,自从圣诞节过后,就一直懒散,这几天也因为是太过于繁忙的原因,感觉好久都没有出来冒冒泡,诶... 为了生活一直在奋斗,作为一名前端开发工程师,我现在越来越迷茫了, ...
微信curl上传客服头像接口遇到的坑
项目要做一个微信客服管理的功能,于是从上礼拜开始就着手开发,首先看微信公众平台开发者文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&i ...
Asp.Net无刷新上传并裁剪头像
开发网站几乎都做过上传图片并截图,做个无刷新Asp.Net上传并截图示例实现功能: 1.选择文件,自动上传并生成缩放图(上传带进度条),形成预览图 2.在预览区,实现鼠标拖拽截图区,截取图片(示例截 ...
Php设置上传头像,PHP 头像上传，php头像上传_PHP教程
PHP 头像上传,php头像上传嘻嘻,自从圣诞节过后,就一直懒散,这几天也因为是太过于繁忙的原因,感觉好久都没有出来冒冒泡,诶- 为了生活一直在奋斗,作为一名前端开发工程师,我现在越来越迷茫了,都不 ...
imgareaselect + php 裁剪和上传,jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能
本文主要介绍了jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一,需要的朋友可以参考下,希望能帮助到大家. 上一节随笔中,我们已经知道了关于jQuery插件ImgAreaS ...
Flask实现图片的上传、下载及展示
用Flask处理图片非常容易,这一篇学习一下图片的上传.下载及展示.还是以实例代码演示为主. 首先,实现一个简单的上传(过程中未做任何处理,只是为了演示) 点击选择图片,输入李四: HTML代码: & ...
html上传图片至数据库,Django 图片上传到数据库并调用显示
环境:Django2.0 Python3.6.4 建立项目,数据库设置,就不说了. 直接上代码: 在models.py中,需要建立模型,这里使用了ImageField字段,用来存储图片路径,这个字段继 ...
Django Admin 上传多张图片并显示缩略图
Django Admin 上传多张图片并显示缩略图文章目录 Django Admin 上传多张图片并显示缩略图 1.效果预览 2.自定义Widget 3.定义模型和模型表单 3.1 定义模型 3.2 ...
Django(文件上传+分页+表单）
一.文件上传 form表单中需要添加 enctype="multipart/form-data" 1.media: 文件上传的文件在settings.py 文件中配置:MEDIA ...