Django学习11-ImageField添加头像、Markdown富文本

最新推荐文章于 2024-08-25 08:23:01 发布

笑揖峰头月一轮

最新推荐文章于 2024-08-25 08:23:01 发布

阅读量1k

点赞数

分类专栏：学习笔记文章标签： Django Markdown

本文链接：https://blog.csdn.net/qq_19268039/article/details/83591850

版权

本文介绍了如何在Django项目中添加用户头像功能，包括使用ImageField，设置存储路径，以及在模板中显示头像。接着讨论了Markdown的使用，包括Markdown的介绍、如何在项目中应用Markdown，以及实现Markdown文本预览的功能，提升用户体验。

摘要由CSDN通过智能技术生成

用户信息

添加用户头像

在用户信息UserProfile中添加ImageField字段，用于头像上传和显示，而要使用ImageField(或是FileField)必须先进行一些设置：

先安装pillow，迁移时会报错，PIL可以可以对图片进行编辑合成等。
在setting.py中设置一个MEDIA_ROOT作为Django保存文件的完整路径（这些文件并不会保存在数据库中），定义MEDIA_URL为该目录的基本公共URL。确保Web服务器的用户帐户可以写入此目录；

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# 指定file或image上传目录
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace("\\", "/")

将ImageField添加到UserProfile模型中，upload_to选项用以指定用于上传文件的目录（是MEDIA_ROOT的一个子目录）；

class UserProfile(models.Model):
    """为已经使用了内置User模型的项目来拓展用户模型 """
    # ...
    avatar = models.ImageField(upload_to='avatar/', blank=True, null=True)

修改dajngo_ulysses/urls.py，加载图片静态路径

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('learning_logs.urls', namespace='learning_logs')),
    path('users/', include('users.urls', namespace='users')),
]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

存储在数据库中的都是文件保存的路径（相对于MEDIA_ROOT）。可以使用{ {object.<imagefield>.url}}在模板中获取文件的绝对路径。

修改之前的个人信息显示模板，添加头像的显示：

  <div>
  {% if user.is_authenticated %}

    <img src="{
    { user.profile.avatar.url }}" style="width:250px; height: 250px; position: absolute;"/>
    <div style="margin-left: 280px