Flask blog實戰---上傳頭像功能

來源:互聯網
上載者:User

標籤:pytho   upload   html   hub   model   src   file   源碼   資料庫   

第一步:資料庫的表單中新增帳戶圖片這一欄位models.py中

 

第二步:在編輯資料的表單中增加頭像上傳,

avatar = FileField(‘頭像‘)

 

第三步:在編輯資料的路由介面,添加使用者提交頭像的功能,參考部落格 http://ncitycode.com/python/flask/2016/6/18/

 

UPLOAD_FOLDER = current_app.config[‘UPLOAD_FOLDER‘]  
這裡我在config.py中設定的檔案上傳路徑為

 將資料庫中頭像儲存的路徑修改為

到這裡,上傳頭像的功能就完成了,能通過頁面直接上傳頭像

第四步:

如果你只完成了上述的三步,上傳頭像能成功,資料庫中也會有路徑的資料,但是介面會報錯,因為你的前端頁面中,沒有修改顯示

這裡我在user.html中修改了顯示  如果沒有上傳頭像,就顯示一個預設頭像,上傳了頭像的就直接顯示自己頭像。

 

 

還有一些其他的頁面也需要做相同的修改,這裡就不一一指出,自己去測試吧!但是有一個頁面不一樣,那就是_post.html頁面,

這裡需要增加一個判斷,部落格的發行者是否有頭像。

 

到這裡,功能基本完成了 ,一起折騰吧!騷年。

項目源碼:

https://github.com/627886474/Flask

 

Flask blog實戰---上傳頭像功能

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.