Flask Web 開發這本書基本上做完了,後面還需要溫習,但是自己做的博客總覺得簡陋了點,所以,在動腦子開發新功能
今天想到最基本的功能,自訂頭像
那這樣的功能,設計到2大基本功能區塊
1:如何進行檔案的上傳與儲存
2:如何在使用者模型裡面將頭像照片和用戶掛鉤起來
第二個問題我在查閱了網上的討論後,得出基本上2種方法,
#第一種是將圖片變成二進制以後存入資料庫
第二種是將圖片直接存放在檔案系統中
上傳頭像,自己感覺了好久,就是上傳文件嗗其實,存在一個路徑,資料庫儲存這個路徑,然後展示給前端,啥都不說,看怎麼實現的。
資料庫設定如下
user_image=db.Column(db.String(252),nullable=True)
form 表單設計:
avatar=FileField('头像')
後端實作程式碼
avatar=request.files['avatar'] fanme=avatar.filename upfile=os.getcwd()+('/app/static/avatar/') ALLOWER_EXIT=['pang','jpg','jpeg','jig'] flag='.' in fanme and fanme.split('.')[1] in ALLOWER_EXITif not flag: return render_template('editperson.html',form=form) avatar.save('{}{}{}'.format(upfile,user.username,fanme)) user.user_image='/static/avatar/{}{}'.format(user.username,fanme) db.session.add(user)
儲存路徑是
/static/avatar/,支持格式 pang、jpg、jpeg等格式,这个可以根据自己的需求进行设置。 存储后会在数据库存储一个路径 最后实现后数据库
#接下來是前端的展示
{% if username.user_image%}<img src="{{username.user_image}}" style="height:80px;">{%else%}<img src="/static/img/0.jpg" style="height:70px;width:80px">{%endif%}
這裡說明下,這裡的後端實作上傳的頭像的程式碼在Windows上回報錯,說檔案不存在,我試著去修改了,就是路徑名字別太長,
路徑名字短可以,長了就報錯。 Windows開發很有弊端,在Ubuntu 實作沒有一點問題
以上是flask上傳頭像詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!