码迷,mamicode.com
首页 > Web开发 > 详细

用户头像上传及缩略图

时间:2017-08-24 01:15:38      阅读:319      评论:0      收藏:0      [点我收藏+]

标签:htm   oda   color   div   ==   get   http   UI   blog   

实现用户在客户端更改头像,上传头像图片,自动生成缩略图显示。

前端代码:注意  enctype="multipart/form-data"

<form enctype="multipart/form-data" method="POST" action="{% url ‘users:avatar_upload‘%}">{% csrf_token %}

            <input type="file" name="image"/>
            <div class="modal-body">
                <div class="cutimgbox">
                    <div class="btn-box-cutimg">
                        <input type="submit" class="btn btn-xxlg btn-micv5 btn-block" value="submit" />
                    </div>
                </div>
            </div>
        </form>

前端效果:

技术分享

#视图函数修改头像

 

from PIL import Image
@login_required
# @csrf_exempt
def avatar_upload(request):
    if request.method == POST:
        username = request.user.username
        user = UserProfile.objects.get(username=username)
        if image in request.FILES:
            image = request.FILES[image]
 
            #缩略图
            s_img = Image.open(image)
            s_img.thumbnail((80, 80), Image.ANTIALIAS)
            if not os.path.exists(mini_img_path):
                os.makedirs(mini_img_path)
            img_url = mini_img_path + \\ + username+ ".jpeg"
            s_img.save(img_url )
            user.avatar_small_thumbnall= r\uploads\avatar\minipic+\\ +username+ ".jpeg"
            user.save()
    return render(request,users/userinfo.html,locals())

 

更改效果:

技术分享

 

用户头像上传及缩略图

标签:htm   oda   color   div   ==   get   http   UI   blog   

原文地址:http://www.cnblogs.com/chandb/p/7420835.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!