flask上傳頭像詳解

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="/static/imghwm/default1.png" data-src="{{username.user_image}}" class="lazy" alt="flask上傳頭像詳解" >{%else%}<img  src="/static/imghwm/default1.png" data-src="/static/img/0.jpg" class="lazy" alt="flask上傳頭像詳解" >{%endif%}

這裡說明下，這裡的後端實作上傳的頭像的程式碼在Windows上回報錯，說檔案不存在，我試著去修改了，就是路徑名字別太長，

路徑名字短可以，長了就報錯。 Windows開發很有弊端，在Ubuntu 實作沒有一點問題

以上是flask上傳頭像詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！