详解Django自定义图片和文件上传路径(upload_to)的2种方式


Posted in Python onDecember 01, 2020

最近在做一个仿知乎网站的项目了,里面涉及很多图片和文件上传。趁此机会我给大家总结下Django自定义图片和文件上传路径的2种方式吧。

方法1: 在Django模型中定义upload_to选项。

Django模型中的ImageField和FileField的upload_to选项是必填项,其存储路径是相对于MEIDA_ROOT而来的。

我们来看一个简单案例(如下所示)。如果你的MEDIA_ROOT是/media/文件夹,而你的上传文件夹upload_to=“avatar", 那么你上传的文件会自动存储到/media/avatar/文件夹。

class UserProfile(models.Model):
 
  user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='profile')
  avatar = models.ImageField(upload_to='avatar', verbose_name="头像")

如果你的文件名是sky.jpg, 那么图片上传后数据库中的avatar字段为avatar/sky.jpg, 该字段指向图片对象,而非绝对路径。要在模板中使用该图片,应该使用avatar.url (即/media/avatar/sky.jpg)。

但在实际应用中,请千万别这么做。这里有2个严重问题。

  • 所有用户都把头像上传到了同一个avatar文件夹了
  • 原文件名是什么,那么新文件名就是什么

试想用户很多,很可能发生文件重名问题,造成后来用户上传的文件把前面用户上传的头像覆盖了,造成了用户A挂用户B头像的状况。

正确的做法是动态定义上传路径,把图片存储到用户自己的文件夹下,并对其重命名。如下图所示。这样图片就会保存在/media/1/avatar/里了,而且文件以uuid命名。

from django.db import models
from django.contrib.auth.models import User
import uuid
 
# Create your models here.
 
def user_directory_path(instance, filename):
  ext = filename.split('.')[-1]
  filename = '{}.{}'.format(uuid.uuid4().hex[:8], ext)
  # return the whole path to the file
  return "{0}/{1}/{2}".format(instance.user.id, "avatar", filename)
 
class UserProfile(models.Model):
  user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='profile')
  avatar = models.ImageField(upload_to=user_directory_path, verbose_name="头像")

上述案例显然还有一个问题,不同系统路径分隔符/和\是不一样的,为保证代码在不同系统中能重用,更好的方式是使用python的os模块来拼接路径。如下图所示。

from django.db import models
from django.contrib.auth.models import User
import uuid
import os
 
# Create your models here.
 
def user_directory_path(instance, filename):
  ext = filename.split('.')[-1]
  filename = '{}.{}'.format(uuid.uuid4().hex[:10], ext)
  # return the whole path to the file
  return os.path.join(instance.user.id, "avatar", filename)
 
class UserProfile(models.Model):
  user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='profile')
  avatar = models.ImageField(upload_to=user_directory_path, verbose_name="头像")

用户上传文件可能是图片,也可能是pdf文件,我们如何把它们放在同一用户的不同文件夹下呢?实现这个很简单,如下图所示。 

def user_directory_path(instance, filename):
  ext = filename.split('.')[-1]
  filename = '{}.{}'.format(uuid.uuid4().hex[:8], ext)
  sub_folder = 'file'
  if ext.lower() in ["jpg", "png", "gif"]:
    sub_folder = "avatar"
  if ext.lower() in ["pdf", "docx"]:
    sub_folder = "document"
  return os.path.join(instance.user.id, sub_folder, filename)

方法2: 在视图中自定义上传图片或文件路径

方法1最简单直白,但有一个较大缺陷,文件上传后未经处理就直接存储了。假如用户上传了图片,我们希望先对其压缩或裁剪,然后再存储,或者我们不希望上传图片或文件到默认的路径,这时我们就有必要在视图中自定义图片或文件路径了。例子如下。

@login_required
def ajax_avatar_upload(request):
  user = request.user
  user_profile = get_object_or_404(UserProfile, user=user)
 
  if request.method == "POST":
    form = AvatarUploadForm(request.POST, request.FILES)
    if form.is_valid():
      img = request.FILES['avatar_file'] # 获取上传图片
      cropped_avatar = crop_image(img, user.id)
      user_profile.avatar = cropped_avatar # 将图片路径修改到当前会员数据库
     user_profile.save()
  return HttpResponseRedirect(reverse('myaccount:profile'))
 
 
def crop_image(file, uid):
 
  # 随机生成新的图片名,自定义路径。
  ext = file.name.split('.')[-1]
  file_name = '{}.{}'.format(uuid.uuid4().hex[:10], ext)
  cropped_avatar = os.path.join(uid, "avatar", file_name)
  # 相对根目录路径
  file_path = os.path.join("media", uid, "avatar", file_name)
 
  # 裁剪图片,压缩尺寸为200*200。
  img = Image.open(file)
  crop_im = img.crop((50,50,300, 300)).resize((200, 200), Image.ANTIALIAS)
  crop_im.save(file_path)
 
  return cropped_avatar

到此这篇关于详解Django自定义图片和文件上传路径(upload_to)的2种方式的文章就介绍到这了,更多相关Django 上传路径内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Python 相关文章推荐
Windows下PyMongo下载及安装教程
Apr 27 Python
python实现class对象转换成json/字典的方法
Mar 11 Python
关于Python元祖,列表,字典,集合的比较
Jan 06 Python
python入门前的第一课 python怎样入门
Mar 06 Python
tensorflow创建变量以及根据名称查找变量
Mar 10 Python
python集合比较(交集,并集,差集)方法详解
Sep 13 Python
将Pytorch模型从CPU转换成GPU的实现方法
Aug 19 Python
python-docx文件定位读取过程(尝试替换)
Feb 13 Python
pycharm实现在虚拟环境中引入别人的项目
Mar 09 Python
使用Python将Exception异常错误堆栈信息写入日志文件
Apr 08 Python
python实现网页录音效果
Oct 26 Python
python爬虫请求库httpx和parsel解析库的使用测评
May 10 Python
使用python爬取抖音app视频的实例代码
Dec 01 #Python
基于Python实现粒子滤波效果
Dec 01 #Python
Django集成MongoDB实现过程解析
Dec 01 #Python
基于Django快速集成Echarts代码示例
Dec 01 #Python
Python更改pip镜像源的方法示例
Dec 01 #Python
Python读取图像并显示灰度图的实现
Dec 01 #Python
Python性能测试工具Locust安装及使用
Dec 01 #Python
You might like
PHP Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\
2012/06/17 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
PHP实现服务器状态监控的方法
2014/12/09 PHP
PHP中Memcache操作类及用法实例
2014/12/12 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
获取HTML DOM节点元素的方法的总结
2009/08/21 Javascript
JS URL传中文参数引发的乱码问题
2009/09/02 Javascript
js中opener与parent的区别详细解析
2014/01/14 Javascript
js实现表格字段排序
2014/02/19 Javascript
jquery无刷新验证邮箱地址实现实例
2014/02/19 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
js拼接html字符串的注意事项
2016/10/13 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
精读《Vue3.0 Function API》
2020/05/20 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
使用httplib模块来制作Python下HTTP客户端的方法
2015/06/19 Python
利用matplotlib+numpy绘制多种绘图的方法实例
2017/05/03 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
详解Python学习之安装pandas
2019/04/16 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
巴西24小时在线药房:Drogasil
2020/06/20 全球购物
在C中是否有模拟继承等面向对象程序设计特性的好方法
2012/05/22 面试题
2016新年感言
2015/08/03 职场文书
创业计划书之小型广告公司
2019/10/22 职场文书
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript