烟台网站建设方案策划,企业微网站案例,西安房产信息网官网,网站的优势和劣势Django 模板实现#xff08;动态#xff09;图片作头像展示到页面
在网上搜了加载图片到前端的解决方法#xff0c;大多都比较复杂#xff0c;要引用PIL#xff0c;下载Cropper插件#xff08;可以用于裁图#xff09;之类的#xff0c;下面是一个简单易懂的方法实现动态图片作头像展示到页面
在网上搜了加载图片到前端的解决方法大多都比较复杂要引用PIL下载Cropper插件可以用于裁图之类的下面是一个简单易懂的方法实现动态图片上传到页面
注意前提你已经编辑好上传图片的功能页面templates下面是怎么实现上传到指定页面的方法不包含裁图功能 0、首先默认你已经在settings.py中设置好静态文件路径
STATIC_URL /static/
# 配置静态文件路径
STATICFILES_DIRS [os.path.join(BASE_DIR, static)
]
# 上传文件路径注意windows下路径是\而linux是/还要加上转义字符r
MEDIA_ROOT os.path.join(BASE_DIR, rstatic\media)1、编写对应的views.py传入img变量到相应的模板
def testpage(request):img 111111myprofile.pngreturn render(request, test/profile.html, {img: img})这里的图像img是你放在media第0步配置了路径下的图片名称 2、进入urls.py配置视图中testpage函数对应的路由
from django.conf.urls.static import static
from django.conf import settings
from django.urls import path, re_path
urlpatterns [re_path(r^test/$, views.testpage, nametest),
]
urlpatterns static(/test/, document_rootsettings.MEDIA_ROOT)导入的static 用作引用静态文件settings就是settings.py文件关键点在于urlpatterns ...作用是将你要渲染的页面和media下的图像文件关联 3、在模板html文件中引用views中传递过来的img
!DOCTYPE html
html langen
headmeta charsetUTF-8title测试页面/title
/head
bodyimg src{{img}}/
/body
/html此时如果你的书写没有问题你应该可以在页面看到你要引用的图像可以是jpg、png也可以是动图gif
如果没出现你要的图片请检查你的模板html文件位置是否正确他应该在你建立的app目录下创建app的时候会自动配置相应的文件请不要随便建一个目录来当做项目的app目录
