Django 後臺上傳圖片前端無法展示

Django admin 實現後臺上傳文件並在前端展示


1. 首先在model裏定義屬性:

head_img = models.ImageField(u'圖片',upload_to='img')

 

2. 修改settings.py,


MEDIA_ROOT = 'statics/'

MEDIA_URL = '/'

前端添加 "/static/" 

      wKiom1d_bB2iqHypAABQuu_RjTY945.png


3. 數據庫對應實體的表中添加head_img字段,這個只是用來保存文件路徑的。


      wKioL1d_bLfQQsvDAAChqZh2ymI673.png


4. 上面配置代表的意思大概是:

上傳圖片到:web程序目錄/statics/img/

訪問路徑爲:http://hostname/static/img/filename.jpg

        wKioL1d_bSKCf0BsAAAi1CYe794389.png-wh_50

        

    注:在我的項目中我把圖片文件和靜態文件都放在settings 中設置的statics靜態文件存放

        目錄下,在前端添加"/static/"後可以訪問,

    例如:訪問 http://127.0.0.1:8000/static/img/094745327389.jpg 的圖片,如果不

         是把圖片放在statics目錄下則訪問不到。

        wKioL1d_bZHCXRC6AAP6pB6Cs0U057.png



5. Django 自動處理重名文件


通過Django admin 後臺上傳的圖片如果遇到同名圖片Django 會自動處理同名圖片。

        1. 上傳前已存在的文件,如圖

            wKioL1d_bp2ha1kgAAAjZFsC9bk589.png-wh_50

       

        2. 上傳同名文件,如圖

                                                         wKiom1d_bfPzTiQnAAApcTlS1og894.png


        

        3. Django 自動處理同名文件,如圖

            wKioL1d_bregIoiDAAA1bJcAzEI626.png-wh_50








發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章