Django图片上传和前端展示

1 - 模型

class Book(models.Model):
    #定义图书模型
    book_name = models.CharField(max_length=100,verbose_name=书名)
    book_author = models.CharField(max_length=100,verbose_name=作者)
    book_total_num = models.IntegerField(default=0,verbose_name=总册数)
    book_available_num = models.PositiveIntegerField(default=0,verbose_name=可借册数)
    book_img = models.ImageField(upload_to=picture/,verbose_name=封面图,null=True)

    class Meta:
        verbose_name = 书籍
        verbose_name_plural = verbose_name

# upload_to是上传图片的路径
# 配置好后,后台就可以上传图片了

 

2 - settings配置

MEDIA_ROOT = os.path.join(BASE_DIR,media)        # 这是上传图片的根目录,会拼接模型中的upload_to对应的内容,最终上传的文件路径是:media/picture

MEDIA_URL = /media/‘         # 这是访问图片的根路径--------->  book_img.url是图片的路径,可以直接在模板中使用,但是此时还是无法访问到图片

 

3 - 前台访问图片

要访问图片,需要配置urls

from django.urls import re_path
from django.views.static import serve
from  demoProject import settings

urlpatterns = [
    re_path(rmedia/(?P<path>.*)$,serve,{document_root:settings.MEDIA_ROOT}),
]

# 此时,前台就可以访问到图片了

 Django图片上传和前端展示

 

 

Django图片上传和前端展示

 

Django图片上传和前端展示

上一篇:myeclipse报An error has occurred,See error log for more details. java.lang.NullPointerException错误


下一篇:简单的阿里云对象存储OSS文件上传工具类