91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Flask 上傳自定義頭像的實例詳解

發布時間:2020-09-27 13:56:45 來源:腳本之家 閱讀:195 作者:bestallen 欄目:開發技術

Flask Web 開發這本書基本上做完了,后面還需要溫習,但是自己做的博客總覺得簡陋了點,所以,在動腦子開發新功能

今天想到最基本的功能,自定義頭像

那這樣的功能,設計到2大基本功能塊

1:如何進行文件的上傳和保存

2:如何在用戶模型里面將頭像照片和用戶掛鉤起來

第二個問題我在查閱了網上的討論后,得出基本上2種方法,

第一種是將圖片變成二進制以后存入數據庫

第二種是將圖片直接存放于文件系統中

先研究如何上傳文件成功這個事情

從最簡單的開始

在main的views文件內,添加以下準備工作

import os
from flask import Flask, request, redirect, url_for
 
UPLOAD_FOLDER=r'E:\flasky\app\upload'

設置UPLOAD_FOLDER的路徑,表示文件最終要存在哪一個位置

@main.route('/upload_file',methods = ['GET','POST'])
def upload_file():
 
#...
 if request.method == 'POST':
 file = request.files['file']
 file.save(os.path.join(UPLOAD_FOLDER,file.filename))
 return '<p>success</p>'
 return '''
 <!DOCTYPE html>
 <title>Change new icon</title>
 <h2>Upload new </h2>
 <form action = "" method = "post" enctype=multipart/form-data>
 <input type = "file" name = file>
 <input type = "submit" value = Upload>
 </form>
 '''

然后為上傳文件功能單獨做一個路由,是專門用一個頁面來提供上傳文件

file=request.files['file']表示,從request請求的files字典中,取出file對應的文件。這個文件是一個FileStorage對象,這個我們后面再講

這個文件對象擁有一個函數功能來保存文件,叫做save()

這個文件對象還擁有一個屬性來提取文件名,叫做filename

他的參數就是路徑名稱

如上面代碼,我用了os.path.join拼接的方法來做出保存路徑名

至于提交保存以后的返回頁面,我先簡單做了一個 顯示 success的頁面表示功能成功

而整個頁面的渲染,直接在return里面寫入了這個表單,我們來看看功能

PS: 在用戶資料頁面,我已經加入了按鈕來通向更改頭像的頁面,這個就不多說了

Flask 上傳自定義頭像的實例詳解

Flask 上傳自定義頭像的實例詳解

好,最重要的一環節上傳文件已經完成了,接下來的工作就是對代碼的完善了

比如,添加指定允許文件類型的范圍

ALLOWED_EXTENSIONS=set(['txt','pdf','png','jpg','jpeg','gif'])

于是乎,代碼變成了

UPLOAD_FOLDER=r'E:\flasky\app\upload'
ALLOWED_EXTENSIONS=set(['txt','pdf','png','jpg','jpeg','gif'])
 
def allowed_file(filename):
 return '.' in filename and filename.rsplit('.',1)[1] in ALLOWED_EXTENSIONS
 
@main.route('/upload_file',methods = ['GET','POST'])
def upload_file():
 if request.method == 'POST':
 file = request.files['file']
 if file and allowed_file(file.filename):
 file.save(os.path.join(UPLOAD_FOLDER,file.filename))
 return '<p>success</p>'
 return '<p> 你上傳了不允許的文件類型 </p>'
 return '''
 <!DOCTYPE html>
 <title>Change new icon</title>
 <h2>Upload new </h2>
 <form action = "" method = "post" enctype=multipart/form-data>
 <input type = "file" name = file>
 <input type = "submit" value = Upload>
 </form>
 '''

好,講到這里,就要回過頭來看看Flask官方文檔的說明了

首先第一點,request的files屬性

Flask 上傳自定義頭像的實例詳解

所以說,非常方便,可以通過file.filename ,直接獲取文件的名字

另外,這個文件對象,可以直接用save功能儲存,2可以有2個參數,一個是dst表示存放路徑,第二個是緩存尺寸,表示在存儲過程中的大小,默認16kb。

我們來看下效果,我們用MP3后綴名的文件來進行測試

我在檢測到是不允許的文件類型時,返回寫了一句提示

Flask 上傳自定義頭像的實例詳解

接著,我們要再講一個功能 secure_filename(),他是防止用于起一些可以影響到系統運行的文件名,來擾亂你的網站

比如如官方文檔所說的

Flask 上傳自定義頭像的實例詳解

再來看下這個函數的功能,其實他為了保證文件名不會影響到系統,他就把文件名里面的斜杠和空格,替換成了下劃線

這樣,就保證了文件只會在當前目錄使用,而不會由于路徑問題被利用去做其他事情。

Flask 上傳自定義頭像的實例詳解

所以,在儲存文件之前,通過這個函數把文件名先修改一下

@main.route('/upload_file',methods = ['GET','POST'])
def upload_file():
 if request.method == 'POST':
 file = request.files['file']
 if file and allowed_file(file.filename):
 filename = secure_filename(file.filename)
 file.save(os.path.join(UPLOAD_FOLDER,filename))
 return '<p>success</p>'
 return '<p> 你上傳了不允許的文件類型 </p>'
 return '''
 <!DOCTYPE html>
 <title>Change new icon</title>
 <h2>Upload new </h2>
 <form action = "" method = "post" enctype=multipart/form-data>
 <input type = "file" name = file>
 <input type = "submit" value = Upload>
 </form>
 '''

我們再來測試下功能

Flask 上傳自定義頭像的實例詳解

最后,還有一個功能,就是立即查看已經剛剛上傳的文件

我這里創建了一個jpg圖像文件

這里需要用到的函數是send_from_directory

Flask 上傳自定義頭像的實例詳解

我們將上傳的代碼再次修改一下,變成上傳完以后立刻預覽

UPLOAD_FOLDER=r'E:\flasky\app\upload'
ALLOWED_EXTENSIONS=set(['txt','pdf','png','jpg','jpeg','gif'])
 
def allowed_file(filename):
 return '.' in filename and filename.rsplit('.',1)[1] in ALLOWED_EXTENSIONS
 
@main.route('/upload_file',methods = ['GET','POST'])
def upload_file():
 if request.method == 'POST':
 file = request.files['file']
 if file and allowed_file(file.filename):
 filename = secure_filename(file.filename)
 file.save(os.path.join(UPLOAD_FOLDER,filename))
 return redirect(url_for('.uploaded_file',filename=filename))  #跳轉到預覽頁面
 return '<p> 你上傳了不允許的文件類型 </p>'
 return '''
 <!DOCTYPE html>
 <title>Change new icon</title>
 <h2>Upload new </h2>
 <form action = "" method = "post" enctype=multipart/form-data>
 <input type = "file" name = file>
 <input type = "submit" value = Upload>
 </form>
 '''
 
@main.route('/uploaded_file/<filename>')
def uploaded_file(filename):
 return send_from_directory(UPLOAD_FOLDER,filename)

我創建了一張t.jpg的圖片,里面用文本框寫了一句話,也就是下面預覽里面看到的

Flask 上傳自定義頭像的實例詳解

到這里為止,基本的上傳和預覽功能就實現了,后面還要再和用戶頭像掛鉤,還得再動動腦子。

以上這篇Flask 上傳自定義頭像的實例詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

黄平县| 东阳市| 西畴县| 西和县| 三江| 乐山市| 金溪县| 唐山市| 盐边县| 阳城县| 宜章县| 尉犁县| 涿鹿县| 盘山县| 肇源县| 威海市| 丰城市| 兰考县| 茌平县| 余江县| 郑州市| 灯塔市| 栾城县| 自治县| 肥东县| 永寿县| 分宜县| 精河县| 固阳县| 德兴市| 兴宁市| 澜沧| 尚义县| 黔江区| 揭阳市| 西吉县| 卓资县| 准格尔旗| 青冈县| 哈密市| 读书|