Django+Vue图片上传

Django+Vue图片上传操作

此案例为同步上传, 个人学习笔记！！！

• 1、在建model.py的时候，写入ImageField字段

photo = models.ImageField(upload_to='shop', null=True)

• 2、在APP同级目录下面新建 uploads 文件夹，在文件夹下新建要放置文件的目录

uploads ---->shop 示例

• 3、在settings.py 中进行配置

# 图片配置
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'uploads')

• 4、在总路由中配置图片的路由

from django.contrib import admin
from django.urls import path, include
from .settings import MEDIA_URL, MEDIA_ROOT  # 导入MEDIA_URL, MEDIA_ROOT
from django.conf.urls.static import static  # 导入静态资源

urlpatterns = [
    path('admin/', admin.site.urls),
    path('app01/', include('app01.urls'))
] + static(MEDIA_URL, document_root=MEDIA_ROOT) # 路由拼接

5、配置路由，用postman测试，效果如下：

6、获取到图片，证明代码没问题！

7、总结

​ 数据库中存图片只存文件的路径，不会存文件，所以，我们有在前面配置路由，让Django框架去找图片，显示出来！！！感谢关注🤞！