當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Django 模板实现（动态）图片/头像展示到页面

發布時間：2024/7/5 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 Django 模板实现（动态）图片/头像展示到页面小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Django 模板實現（動態）圖片作頭像展示到頁面

在網上搜了加載圖片到前端的解決方法，大多都比較復雜，要引用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, r'static\media')

1、編寫對應的views.py，傳入img變量到相應的模板：

def testpage(request):img = '111111myprofile.png'return 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, name='test'), ] urlpatterns += static('/test/', document_root=settings.MEDIA_ROOT)

導入的static 用作引用靜態文件，settings就是settings.py文件，關鍵點在于：urlpatterns +=...作用是將你要渲染的頁面和media下的圖像文件關聯
3、在模板html文件中引用views中傳遞過來的img：

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>測試頁面</title> </head> <body><img src="{{img}}"/> </body> </html>

此時如果你的書寫沒有問題你應該可以在頁面看到你要引用的圖像，可以是jpg、png也可以是動圖gif

如果沒出現你要的圖片請檢查你的模板html文件位置是否正確，他應該在你建立的app目錄下，創建app的時候會自動配置相應的文件，請不要隨便建一個目錄來當做項目的app目錄

總結

以上是生活随笔為你收集整理的Django 模板实现（动态）图片/头像展示到页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：【Pytorch神经网络理论篇】 33
下一篇： java1.8安装