主頁 > 後端開發 > 使用 Flask 處理檔案上傳

使用 Flask 處理檔案上傳

2021-07-03 06:13:31 後端開發

翻譯
Handling File Uploads With Flask

Web 應用程式的一個常見特性是允許用戶將檔案上傳到服務器，在 RFC 1867 中協議記錄了客戶端上傳檔案的機制，我們最喜歡的 Web 框架 Flask 完全支持這一機制，但是對于許多開發者來說，還有許多實作細節未遵循該正式規范，諸如在何處存盤上傳的檔案，如何事后使用它們，或者如何保護服務器不受惡意檔案上傳的影響，這些都會產生很多混亂和不確定性，
?

在本文中，我將向你展示如何為 Flask 服務器實作強大的檔案上傳功能，該功能不僅支持基于 Web 瀏覽器中的標準檔案上傳并且與基于 JavaScript 的上傳小部件兼容：

基本檔案上傳表單

從高層次的角度來看，上傳檔案的客戶端與其他任何表單資料提交一樣， 換句話說，你必須定義一個包含檔案欄位的 HTML 表單，
?

下面是一個簡單的 HTML 頁面，該表單接受一個檔案:

<!doctype html>
<html>
  <head>
    <title>File Upload</title>
  </head>
  <body>
    <h1>File Upload</h1>
    <form method="POST" action="" enctype="multipart/form-data">
      <p><input type="file" name="file"></p>
      <p><input type="submit" value="https://www.cnblogs.com/geekspeng/p/Submit"></p>
    </form>
  </body>
</html>


你可能知道，<form> 元素的 method 屬性可以是 GET 或 POST，使用 GET 時，資料將在請求 URL 的查詢字串中提交，而使用 POST 時，資料將進入請求主體，在表單中包含檔案時，必須使用 POST，因為不可能在查詢字串中提交檔案資料，
?

沒有檔案的表單通常不包含 <form> 元素中的 enctype 屬性，此屬性定義瀏覽器在將資料提交到服務器之前應該如何格式化資料，HTML 規范為其定義了三個可能的值：

  • application/x-www-form-urlencoded:

這是默認格式，也是不包含檔案欄位的表單的最佳格式

  • multipart/form-data:

如果表單中至少有一個欄位是檔案欄位，則需要此格式

  • text/plain:

這種格式沒有實際用途，所以你應該忽略它
?

實際的檔案欄位是我們用于大多數其他表單欄位的標準 <input> 元素，其型別設定為 file， 在上面的示例中，我沒有包含任何其他屬性，但是file欄位支持兩個有時有用的屬性：

  • multiple:

可用于允許在單個檔案欄位中上載多個檔案，例如:

<input type="file" name="file" multiple>
  • accept:

可以用于篩選允許的檔案型別，這些檔案型別可以通過檔案擴展名或媒體型別選擇，例子:

<input type="file" name="doc_file" accept=".doc,.docx">
<input type="file" name="image_file" accept="image/*">

使用 Flask 接受檔案提交

對于常規表單，Flask 提供了對 request.form 字典中提交的表單欄位的訪問， 但是，檔案欄位包含在request.files 字典中， request.form 和 request.files 字典實際上是“multi-dicts”，它是一種支持重復鍵的專門字典實作， 這是必要的，因為表單可以包含多個具有相同名稱的欄位，通常情況下是由多組復選框組成， 對于允許多個檔案的檔案欄位，也會發生這種情況，

暫時忽略諸如驗證和安全性等重要方面，下面簡短的 Flask 應用程式接受使用上一節中定義的表單上傳的檔案，并將提交的檔案寫入當前目錄：

from flask import Flask, render_template, request, redirect, url_for
app = Flask(__name__)
@app.route('/')
def index():
    return render_template('index.html')

@app.route('/', methods=['POST'])
def upload_file():
    uploaded_file = request.files['file']
    if uploaded_file.filename != '':
        uploaded_file.save(uploaded_file.filename)
    return redirect(url_for('index'))

upload_file() 函式使用@app.route裝飾，以便在瀏覽器發送POST請求時呼叫該函式， 請注意，同一個根 URL 是如何在兩個視圖函式之間進行拆分的，并將 index() 設定為接受 GET 請求，將 upload_file``() 上傳為 POST 請求，
?

uploaded_file 變數保存提交的檔案物件， 這是 Flask 從 Werkzeug 匯入的 FileStorage 類的實體，

FileStorage 中的 filename 屬性提供客戶端提交的檔案名，如果用戶提交表單時沒有在 file 欄位中選擇檔案，那么檔案名將是一個空字串，因此始終檢查檔案名以確定檔案是否可用是很重要的，

Flask 收到檔案提交后，不會自動將其寫入磁盤， 這實際上是一件好事，因為它使應用程式有機會查看和驗證檔案提交，這一點將在后面看到， 可以從 stream 屬性訪問實際檔案資料， 如果應用程式只想將檔案保存到磁盤，則可以呼叫 save() 方法，并將所需路徑作為引數傳遞， 如果未呼叫檔案的 save() 方法，則該檔案將被丟棄，?
?

是否要使用此應用程式測驗檔案上傳？ 為你的應用程式創建目錄，并將上面的代碼撰寫為 app.py， 然后創建一個模板子目錄，并將上一節中的HTML頁面撰寫為templates/index.html， 創建一個虛擬環境并在其上安裝Flask，然后使用 flask run 運行該應用程式， 每次提交檔案時，服務器都會把它的副本寫到當前目錄中，
?

在繼續討論安全性主題之前，我將討論上面的代碼的一些變體，你可能會發現這些變體很有用， 如前所述，可以將檔案上傳欄位配置為接受多個檔案， 如果像上面那樣使用 request.files['file']，則只會得到一個提交的檔案，但是使用 getlist() 方法，你可以在for回圈中訪問所有檔案：

for uploaded_file in request.files.getlist('file'):
    if uploaded_file.filename != '':
        uploaded_file.save(uploaded_file.filename)

許多人在 Flask 中撰寫表單處理路由時，對 GET 和 POST 請求使用單個視圖函式，使用單視圖函式的示例應用程式的版本編碼如下:

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        uploaded_file = request.files['file']
        if uploaded_file.filename != '':
            uploaded_file.save(uploaded_file.filename)
        return redirect(url_for('index'))
    return render_template('index.html')

最后，如果使用 Flask-WTF 擴展來處理表單，則可以使用 FileField 物件上傳檔案，到目前為止，你看到的例子中使用的表單可以使用 Flask-WTF 撰寫如下:

from flask_wtf import FlaskForm
from flask_wtf.file import FileField
from wtforms import SubmitField
class MyForm(FlaskForm):
    file = FileField('File')
    submit = SubmitField('Submit')

注意，FileField 物件來自 flask_wtf 包，與大多數其他欄位類不同，后者直接從 wtforms 包匯入，Flask-WTF 為檔案欄位提供了兩個驗證器，FileRequired 和 FileAllowed，前者執行類似于空字串檢查的檢查，后者確保檔案擴展名包含在允許的擴展名串列中，
?

當您使用 Flask-WTF 表單時，file 欄位物件的 data 屬性指向 FileStorage 實體，因此將檔案保存到磁盤的作業方式與上面的示例相同，

保護檔案上傳

上一節中給出的檔案上傳示例是一個非常簡單的實作，不是很健壯，Web 開發中最重要的規則之一是永遠不要信任客戶提交的資料，因此在使用常規表單時，像 Flask-WTF 這樣的擴展會在接受表單和整合資料到應用程式中之前對所有欄位進行嚴格驗證，對于包含檔案欄位的表單，也需要進行驗證，因為如果不進行檔案驗證，服務器將為攻擊敞開大門，例如:

  • 攻擊者可以上傳一個非常大的檔案，以至于服務器中的磁盤空間完全被填滿，從而導致服務器出現故障
  • 攻擊者可以使用檔案名（例如../../../.bashrc或類似檔案）的上傳請求，以試圖欺騙服務器重寫系統組態檔，
  • 攻擊者可以上傳帶有病毒或其他型別惡意軟體的檔案到應用程式需要使用的位置，例如，用戶頭像

限制上傳檔案的大小

為了防止客戶端上傳非常大的檔案，您可以使用 Flask 提供的配置選項，MAX_CONTENT_LENGTH  選項控制請求主體可以擁有的最大大小，雖然這不是一個特定于檔案上傳的選項，但設定一個最大的請求體大小有效地使 Flask 使用413狀態碼丟棄大于允許的請求體大小的請求

讓我們修改上一節中的 app.py 示例，只接受最大為1 MB 的請求:

app.config['MAX_CONTENT_LENGTH'] = 1024 * 1024

如果你試圖上傳一個大于1 MB 的檔案，應用程式現在將拒絕它，

驗證檔案名

我們不能完全相信客戶端提供的檔案名是有效的和可以安全使用的，所以隨上傳檔案一起提供的檔案名必須經過驗證，
?

要執行的一個非常簡單的驗證是確保檔案擴展名是應用程式愿意接受的擴展名，這與使用 Flask-WTF 時F FileAllowed 驗證器所做的類似，假設應用程式接受影像，那么它可以配置允許的檔案擴展名串列:

app.config['UPLOAD_EXTENSIONS'] = ['.jpg', '.png', '.gif']

對于每個上傳的檔案，應用程式可以確保檔案擴展名是允許的:

filename = uploaded_file.filename
if filename != '':
    file_ext = os.path.splitext(filename)[1]
    if file_ext not in current_app.config['UPLOAD_EXTENSIONS']:
        abort(400)

使用這種邏輯，任何不在允許的檔案擴展名的檔案名，都會出現400錯誤，
?

除了檔案擴展名之外，驗證檔案名以及提供的任何路徑也很重要， 如果你的應用程式不關心客戶端提供的檔案名，則處理上傳的最安全方法是忽略客戶端提供的檔案名，而是生成自己的檔案名，然后傳遞給 save() 方法， 這種技術作業良好的示例是頭像上傳， 每個用戶的頭像都可以使用用戶 ID 保存為檔案名，因此客戶端提供的檔案名可以丟棄， 如果你的應用程式使用 Flask-Login，則可以實作以下 save() 呼叫：

uploaded_file.save(os.path.join('static/avatars', current_user.get_id()))

在其他情況下，保留客戶端提供的檔案名可能更好，因此必須首先清理檔案名，對于這些情況，Werkzeug 提供了 secure_filename() 函式，讓我們通過在 Python shell 中運行一些測驗來看看這個函式是如何作業的:

>>> from werkzeug.utils import secure_filename
>>> secure_filename('foo.jpg')
'foo.jpg'
>>> secure_filename('/some/path/foo.jpg')
'some_path_foo.jpg'
>>> secure_filename('../../../.bashrc')
'bashrc'

正如你在示例中看到的，無論檔案名有多么復雜或多么惡意，secure_filename() 函式都將其縮減為一個單位檔案名，
?

讓我們將 secure_filename() 合并到示例上傳服務器中，并添加一個配置變數，該變數定義檔案上傳的專用位置，下面是帶有安全檔案名的完整 app.py 源檔案:

import os
from flask import Flask, render_template, request, redirect, url_for, abort
from werkzeug.utils import secure_filename
app = Flask(__name__)
app.config['MAX_CONTENT_LENGTH'] = 1024 * 1024
app.config['UPLOAD_EXTENSIONS'] = ['.jpg', '.png', '.gif']
app.config['UPLOAD_PATH'] = 'uploads'
@app.route('/')
def index():
    return render_template('index.html')
@app.route('/', methods=['POST'])
def upload_files():
    uploaded_file = request.files['file']
    filename = secure_filename(uploaded_file.filename)
    if filename != '':
        file_ext = os.path.splitext(filename)[1]
        if file_ext not in app.config['UPLOAD_EXTENSIONS']:
            abort(400)
        uploaded_file.save(os.path.join(app.config['UPLOAD_PATH'], filename))
    return redirect(url_for('index'))

注意
secure_filename 函式將過濾所有非ASCII字符，因此，如果filename 是 "頭像.jpg"之類的，則結果為"jpg"，但沒有格式，這是個問題，我建議使用uuid模塊重命名上傳的檔案，以避免出現上述情況，

驗證檔案內容

我將要討論的第三層驗證是最復雜的，如果您的應用程式接受某種檔案型別的上傳，那么理想情況下，它應該執行某種形式的內容驗證，并拒絕任何不同型別的檔案，
?

如何實作內容驗證在很大程度上取決于應用程式接受的檔案型別，對于本文中的示例應用程式，我使用的是影像，因此可以使用 Python 標準庫中的  imghdr 包驗證檔案頭實際上是一個影像，
?

讓我們撰寫一個 validate_image() 函式，對影像執行內容驗證:

import imghdr
def validate_image(stream):
    header = stream.read(512)
    stream.seek(0)
    format = imghdr.what(None, header)
    if not format:
        return None
    return '.' + (format if format != 'jpeg' else 'jpg')

這個函式以一個位元組流作為引數，它首先從流中讀取512個位元組，然后重置流指標，因為稍后當呼叫 save ()函式時，我們希望它看到整個流，前512位元組的影像資料將足以識別影像的格式，
?

如果第一個引數是檔案名，imghdr.what() 函式可以查看存盤在磁盤上的檔案; 如果第一個引數是 None，資料在第二個引數中傳遞，則可以查看存盤在記憶體中的資料，FileStorage 物件為我們提供了一個流，因此最方便的選項是從它中讀取安全數量的資料，并在第二個引數中將其作為位元組序列傳遞，
?

imghdr.what() 的回傳值是檢測到的影像格式，該函式支持多種格式，其中包括流行的 jpeg、 png 和 gif，如果未檢測到已知的影像格式，則回傳值為 None，如果檢測到格式，則回傳該格式的名稱，最方便的是將格式作為檔案擴展名回傳，因為應用程式可以確保檢測到的擴展名與檔案擴展名匹配，所以 validate_image() 函式將檢測到的格式轉換為檔案擴展名，這很簡單，只需為除 jpeg 外的所有影像格式添加一個點作為前綴，jpeg 除外，通常使用 .jpg擴展名，
?

下面是完整的 app.py，包含前面幾節中的所有特性和內容驗證:

import imghdr
import os
from flask import Flask, render_template, request, redirect, url_for, abort
from werkzeug.utils import secure_filename
app = Flask(__name__)
app.config['MAX_CONTENT_LENGTH'] = 1024 * 1024
app.config['UPLOAD_EXTENSIONS'] = ['.jpg', '.png', '.gif']
app.config['UPLOAD_PATH'] = 'uploads'
def validate_image(stream):
    header = stream.read(512)
    stream.seek(0) 
    format = imghdr.what(None, header)
    if not format:
        return None
    return '.' + (format if format != 'jpeg' else 'jpg')
@app.route('/')
def index():
    return render_template('index.html')
@app.route('/', methods=['POST'])
def upload_files():
    uploaded_file = request.files['file']
    filename = secure_filename(uploaded_file.filename)
    if filename != '':
        file_ext = os.path.splitext(filename)[1]
        if file_ext not in app.config['UPLOAD_EXTENSIONS'] or \
                file_ext != validate_image(uploaded_file.stream):
            abort(400)
        uploaded_file.save(os.path.join(app.config['UPLOAD_PATH'], filename))
    return redirect(url_for('index'))

在視圖函式中唯一的變化就是加入了最后一個驗證邏輯:

			if file_ext not in app.config['UPLOAD_EXTENSIONS'] or \
                file_ext != validate_image(uploaded_file.stream):
            abort(400)

這個擴展檢查首先確保檔案擴展名在允許的串列中，然后確保通過查看資料流檢測到的檔案擴展名與檔案擴展名相同，
?

在測驗這個版本的應用程式之前，創建一個名為 uploads 的目錄(或者你在 UPLOAD_PATH  配置變數中定義的路徑) ，以便可以將檔案保存在那里，

使用上傳的檔案

你現在知道如何處理檔案上傳，對于某些應用程式，這就是所需要的全部內容，因為這些檔案用于某些內部行程，但是對于大量的應用程式，特別是那些具有社交功能的應用程式，比如頭像，用戶上傳的檔案必須與應用程式集成，以 avatar 為例，一旦用戶上傳了他們的 avatars 圖片，任何提到用戶名的地方都需要上傳的圖片顯示在側面，
?

我將檔案上傳分為兩大類，具體取決于用戶上傳的檔案是供公眾使用還是對每個用戶私有， 本文中多次討論過的 avatar 影像顯然屬于第一類，因為這些 avatar 旨在與其他用戶公開共享， 另一方面，對上傳的影像執行編輯操作的應用程式可能在第二類中，因為你希望每個用戶只能訪問自己的影像，

公共檔案上傳

當影像屬于公共性質時，使影像可供應用程式使用的最簡單方法是將上傳目錄放在應用程式的靜態檔案夾中，例如，可以在 static 中創建 avatars 子目錄，然后使用用戶 id 作為名稱在該位置保存頭像，

使用 url_for() 函式以與應用程式的常規靜態檔案相同的方式參考存盤在靜態檔案夾的子目錄中的這些上傳檔案， 我之前建議在保存上傳的頭像影像時使用用戶 id 作為檔案名，這就是圖片保存的方式:

uploaded_file.save(os.path.join('static/avatars', current_user.get_id()))

使用這個實作，給定一個用戶 id，可以生成用戶頭像的 URL 如下:

url_for('static', filename='avatars/' + str(user_id))

或者，可以將上傳保存到靜態檔案夾外的目錄中，然后可以添加新的路由來為其提供服務，在示例 app.py 應用程式檔案中，上傳的檔案保存到 UPLOAD_PATH  配置變數中設定的位置，為了從該位置提供這些檔案，我們可以實作以下路由:

from flask import send_from_directory
@app.route('/uploads/<filename>')
def upload(filename):
    return send_from_directory(app.config['UPLOAD_PATH'], filename)

這個解決方案比在靜態檔案夾中存盤上傳的一個優點是，在回傳這些檔案之前，你可以實作額外的限制，要么直接在函式體內使用 Python 邏輯，要么使用 decorator，例如，如果你只希望向登錄的用戶提供對上傳的訪問，那么你可以將 Flask-Login 的 @login_required 裝飾器添加到這個路由中，或者添加用于正常路由的任何其他身份驗證或角色檢查機制，
?

讓我們使用這種實作思想在示例應用程式中顯示上傳的檔案，下面是 app.py 的一個新的完整版本:

import imghdr
import os
from flask import Flask, render_template, request, redirect, url_for, abort, \
    send_from_directory
from werkzeug.utils import secure_filename


app = Flask(__name__)
app.config['MAX_CONTENT_LENGTH'] = 1024 * 1024
app.config['UPLOAD_EXTENSIONS'] = ['.jpg', '.png', '.gif']
app.config['UPLOAD_PATH'] = 'uploads'


def validate_image(stream):
    header = stream.read(512)  # 512 bytes should be enough for a header check
    stream.seek(0)  # reset stream pointer
    format = imghdr.what(None, header)
    if not format:
        return None
    return '.' + (format if format != 'jpeg' else 'jpg')


@app.route('/')
def index():
    files = os.listdir(app.config['UPLOAD_PATH'])
    return render_template('index.html', files=files)


@app.route('/', methods=['POST'])
def upload_files():
    uploaded_file = request.files['file']
    filename = secure_filename(uploaded_file.filename)
    if filename != '':
        file_ext = os.path.splitext(filename)[1]
        if file_ext not in app.config['UPLOAD_EXTENSIONS'] or \
                file_ext != validate_image(uploaded_file.stream):
            abort(400)
        uploaded_file.save(os.path.join(app.config['UPLOAD_PATH'], filename))
    return redirect(url_for('index'))


@app.route('/uploads/<filename>')
def upload(filename):
    return send_from_directory(app.config['UPLOAD_PATH'], filename)

除了新的 upload() 函式之外，index() 視圖函式使用 os.listdir ()獲取上傳位置中的檔案串列，并將其發送到模板以進行呈現，更新后的 _index.html _模板內容如下:

<!doctype html>
<html>
  <head>
    <title>File Upload</title>
  </head>
  <body>
    <h1>File Upload</h1>
    <form method="POST" action="" enctype="multipart/form-data">
      <p><input type="file" name="file"></p>
      <p><input type="submit" value="https://www.cnblogs.com/geekspeng/p/Submit"></p>
    </form>
    <hr>
    {% for file in files %}
      <img src="https://www.cnblogs.com/geekspeng/p/{{ url_for('upload', filename=file) }}" style="width: 64px">
    {% endfor %}
  </body>
</html>

有了這些改變，每次你上傳一張圖片，頁面底部就會添加一個縮略圖:

私有檔案上傳

當用戶將私有檔案上傳到應用程式時，需要進行額外的檢查，以防止一個用戶與未經授權的方共享檔案，這些情況的解決方案需要上面所示的 upload() 視圖函式的變體，以及額外的訪問檢查，
?

一個常見的要求是只與所有者共享上傳的檔案，當存在此需求時，存盤上傳的一種方便方法是為每個用戶使用一個單獨的目錄，例如，可以將給定用戶的上傳保存到 uploads/<user_id> 目錄，然后可以修改 uploads()  函式，使其只服務于用戶自己的上傳目錄，這樣一來，一個用戶就不可能從另一個用戶那里查看檔案，下面你可以看到這個技術的一個可能的實作，再次假設使用了 Flask-Login:
?

@app.route('/uploads/<filename>')
@login_required
def upload(filename):
    return send_from_directory(os.path.join(
        app.config['UPLOAD_PATH'], current_user.get_id()), filename)

顯示上傳進度

到目前為止，我們一直依賴 web 瀏覽器提供的原生檔案上傳小部件來啟動我們的檔案上傳，我相信我們都同意這個小工具不是很吸引人，不僅如此，由于缺少上傳進度顯示，它無法用于上傳大檔案，因為用戶在整個上傳程序中不能收到任何反饋，雖然本文的范圍是涵蓋服務器端，但我認為，如果能夠給你提供一些關于如何實作一個基于 JavaScript 的現代檔案上傳小部件以顯示上傳進度的想法將很有用，?
?

好訊息是，在服務器上不需要進行任何大的更改，無論你在瀏覽器中使用哪種方法來啟動上傳，上傳機制都以相同的方式作業， 為了向你展示一個示例實作，我將用與流行的檔案上傳客戶端 dropzone.js 兼容的index.html 替換HTML表單，

下面是一個新版本的 templates/index.html，它從 CDN 加載下拉區 CSS 和 JavaScript 檔案，并根據dropzone documentation 實作一個上傳表單:

<html>
  <head>
    <title>File Upload</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.1/min/dropzone.min.css">
  </head>
  <body>
    <h1>File Upload</h1>
    <form action="{{ url_for('upload_files') }}" >
    </form>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.1/min/dropzone.min.js"></script>
  </body>
</html>

在實作 dropzone 時，我發現了一件有趣的事情，那就是它要求設定

元素中的 action 屬性，即使標準 forms 接受一個空的動作來指示提交到相同的 URL，
?

用這個新版的模板啟動服務器，你會得到以下結果:

基本上就是這樣！現在你可以拖拽檔案，它們將上傳到服務器，并帶有一個進度條和成功或失敗的最終指示，
?

如果檔案上傳失敗，無論是由于檔案太大或無效，dropzone 想要顯示一個錯誤訊息，因為我們的服務器正在回傳413和400錯誤的標準 Flask 錯誤頁面，您將在錯誤彈出視窗中看到一些亂七八糟的 HTML，為了糾正這個錯誤，我們可以更新服務器以文本形式回傳錯誤回應，
?

當請求有效負載大于配置中設定的大小時，Flask 會生成檔案過大條件的413錯誤，要覆寫默認的錯誤頁面，我們必須使用 app.errorhandler 裝飾器:

@app.errorhandler(413)
def too_large(e):
    return "File is too large", 413

當任何驗證檢查失敗時，應用程式將生成第二個錯誤條件，在這種情況下，錯誤是通過一個 abort(400) 呼叫生成的，取而代之的是，可以直接生成回應:

		if file_ext not in app.config['UPLOAD_EXTENSIONS'] or \
                file_ext != validate_image(uploaded_file.stream):
            return "Invalid image", 400

我要做的最后一個改變并不是真的需要，但是它節省了一點帶寬，對于成功上傳，服務器回傳一個 redirect() 到主路由，這將導致上傳表單再次顯示，并重繪頁面底部的上載縮略圖串列，現在這些都不需要了，因為上傳是作為后臺請求通過 dropzone 完成的，所以我們可以消除重定向，并使用代碼204切換到空回應，
?

下面是 app.py 的完整更新版本，可以與 dropzone.js 一起使用:

import imghdr
import os
from flask import Flask, render_template, request, redirect, url_for, abort, \
    send_from_directory
from werkzeug.utils import secure_filename


app = Flask(__name__)
app.config['MAX_CONTENT_LENGTH'] = 2 * 1024 * 1024
app.config['UPLOAD_EXTENSIONS'] = ['.jpg', '.png', '.gif']
app.config['UPLOAD_PATH'] = 'uploads'


def validate_image(stream):
    header = stream.read(512)
    stream.seek(0)
    format = imghdr.what(None, header)
    if not format:
        return None
    return '.' + (format if format != 'jpeg' else 'jpg')


@app.errorhandler(413)
def too_large(e):
    return "File is too large", 413


@app.route('/')
def index():
    files = os.listdir(app.config['UPLOAD_PATH'])
    return render_template('index.html', files=files)


@app.route('/', methods=['POST'])
def upload_files():
    uploaded_file = request.files['file']
    filename = secure_filename(uploaded_file.filename)
    if filename != '':
        file_ext = os.path.splitext(filename)[1]
        if file_ext not in app.config['UPLOAD_EXTENSIONS'] or \
                file_ext != validate_image(uploaded_file.stream):
            return "Invalid image", 400
        uploaded_file.save(os.path.join(app.config['UPLOAD_PATH'], filename))
    return '', 204


@app.route('/uploads/<filename>')
def upload(filename):
    return send_from_directory(app.config['UPLOAD_PATH'], filename)

用這個更新重新啟動應用程式，現在錯誤將會有一個正確的訊息:

dropzone.js 庫非常靈活，有許多定制選項，因此我鼓勵你訪問他們的檔案，了解如何使其適應你的需求，你也可以尋找其他的 JavaScript 檔案上傳庫，因為它們都遵循 HTTP 標準，這意味著你的 Flask 服務器可以很好地與它們一起作業，

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/288842.html

標籤：Python

上一篇：學習PHP中的資訊格式化操作

下一篇：python 演算法 一

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 【C++】Microsoft C++、C 和匯編程式檔案

    ......

    uj5u.com 2020-09-10 00:57:23 more
  • 例外宣告

    相比于斷言適用于排除邏輯上不可能存在的狀態，例外通常是用于邏輯上可能發生的錯誤。 例外宣告 Item 1：當函式不可能拋出例外或不能接受拋出例外時，使用noexcept 理由 如果不打算拋出例外的話，程式就會認為無法處理這種錯誤，并且應當盡早終止，如此可以有效地阻止例外的傳播與擴散。 示例 //不可 ......

    uj5u.com 2020-09-10 00:57:27 more
  • Codeforces 1400E Clear the Multiset(貪心 + 分治)

    鏈接：https://codeforces.com/problemset/problem/1400/E 來源：Codeforces 思路：給你一個陣列，現在你可以進行兩種操作，操作1：將一段沒有 0 的區間進行減一的操作，操作2：將 i 位置上的元素歸零。最終問：將這個陣列的全部元素歸零后操作的最少 ......

    uj5u.com 2020-09-10 00:57:30 more
  • UVA11610 【Reverse Prime】

    本人看到此題沒有翻譯，就附帶了一個自己的翻譯版本 思考 這一題，它的第一個要求是找出所有 $7$ 位反向質數及其質因數的個數。 我們應該需要質數篩篩選1~$10^{7}$的所有數，這里就不慢慢介紹了。但是，重讀題，我們突然發現反向質數都是 $7$ 位，而將它反過來后的數字卻是 $6$ 位數，這就說明 ......

    uj5u.com 2020-09-10 00:57:36 more
  • 統計區間素數數量

    1 #pragma GCC optimize(2) 2 #include <bits/stdc++.h> 3 using namespace std; 4 bool isprime[1000000010]; 5 vector<int> prime; 6 inline int getlist(int ......

    uj5u.com 2020-09-10 00:57:47 more
  • C/C++編程筆記：C++中的 const 變數詳解，教你正確認識const用法

    1、C中的const 1、區域const變數存放在堆疊區中，會分配記憶體（也就是說可以通過地址間接修改變數的值）。測驗代碼如下： 運行結果： 2、全域const變數存放在只讀資料段（不能通過地址修改，會發生寫入錯誤）， 默認為外部聯編，可以給其他源檔案使用（需要用extern關鍵字修飾） 運行結果： ......

    uj5u.com 2020-09-10 00:58:04 more
  • 【C++犯錯記錄】VS2019 MFC添加資源不懂如何修改資源宏ID

    1. 首先在資源視圖中，添加資源 2. 點擊新添加的資源，復制自動生成的ID 3. 在解決方案資源管理器中找到Resource.h檔案，編輯，使用整個專案搜索和替換的方式快速替換 宏宣告 4. Ctrl+Shift+F 全域搜索，點擊查找全部，然后逐個替換 5. 為什么使用搜索替換而不使用屬性視窗直 ......

    uj5u.com 2020-09-10 00:59:11 more
  • 【C++犯錯記錄】VS2019 MFC不懂的批量添加資源

    1. 打開資源頭檔案Resource.h，在其中預先定義好宏 ID（不清楚其實ID值應該設定多少，可以先新建一個相同的資源項，再在這個資源的ID值的基礎上遞增即可） 2. 在資源視圖中選中專案資源，按F7編輯資源檔案，按 ID 型別 相對路徑的形式添加 資源。（別忘了先把檔案拷貝到專案中的res檔案 ......

    uj5u.com 2020-09-10 01:00:19 more
  • C/C++編程筆記：關于C++的參考型別，專供新手入門使用

    今天要講的是C++中我最喜歡的一個用法——參考，也叫別名。 參考就是給一個變數名取一個變數名，方便我們間接地使用這個變數。我們可以給一個變數創建N個參考，這N + 1個變數共享了同一塊記憶體區域。(參考型別的變數會占用記憶體空間，占用的記憶體空間的大小和指標型別的大小是相同的。雖然參考是一個物件的別名，但 ......

    uj5u.com 2020-09-10 01:00:22 more
  • 【C/C++編程筆記】從頭開始學習C ++：初學者完整指南

    眾所周知，C ++的學習曲線陡峭，但是花時間學習這種語言將為您的職業帶來奇跡，并使您與其他開發人員區分開。您會更輕松地學習新語言，形成真正的解決問題的技能，并在編程的基礎上打下堅實的基礎。 C ++將幫助您養成良好的編程習慣（即清晰一致的編碼風格，在撰寫代碼時注釋代碼，并限制類內部的可見性），并且由 ......

    uj5u.com 2020-09-10 01:00:41 more
最新发布
  • Rust中的智能指標:Box<T> Rc<T> Arc<T> Cell<T> RefCell<T> Weak

    Rust中的智能指標是什么 智能指標（smart pointers）是一類資料結構，是擁有資料所有權和額外功能的指標。是指標的進一步發展 指標（pointer）是一個包含記憶體地址的變數的通用概念。這個地址參考，或 ” 指向”（points at）一些其 他資料 。參考以 & 符號為標志并借用了他們所 ......

    uj5u.com 2023-04-20 07:24:10 more
  • Java的值傳遞和參考傳遞

    值傳遞不會改變本身，參考傳遞（如果傳遞的值需要實體化到堆里）如果發生修改了會改變本身。 1.基本資料型別都是值傳遞 package com.example.basic; public class Test { public static void main(String[] args) { int ......

    uj5u.com 2023-04-20 07:24:04 more
  • [2]SpinalHDL教程——Scala簡單入門

    第一個 Scala 程式 shell里面輸入 $ scala scala> 1 + 1 res0: Int = 2 scala> println("Hello World!") Hello World! 檔案形式 object HelloWorld { /* 這是我的第一個 Scala 程式 * 以 ......

    uj5u.com 2023-04-20 07:23:58 more
  • 理解函式指標和回呼函式

    理解 函式指標 指向函式的指標。比如： 理解函式指標的偽代碼 void (*p)(int type, char *data); // 定義一個函式指標p void func(int type, char *data); // 宣告一個函式func p = func; // 將指標p指向函式func ......

    uj5u.com 2023-04-20 07:23:52 more
  • Django筆記二十五之資料庫函式之日期函式

    本文首發于公眾號：Hunter后端 原文鏈接：Django筆記二十五之資料庫函式之日期函式 日期函式主要介紹兩個大類，Extract() 和 Trunc() Extract() 函式作用是提取日期，比如我們可以提取一個日期欄位的年份，月份，日等資料 Trunc() 的作用則是截取，比如 2022-0 ......

    uj5u.com 2023-04-20 07:23:45 more
  • 一天吃透JVM面試八股文

    什么是JVM？ JVM，全稱Java Virtual Machine（Java虛擬機），是通過在實際的計算機上仿真模擬各種計算機功能來實作的。由一套位元組碼指令集、一組暫存器、一個堆疊、一個垃圾回收堆和一個存盤方法域等組成。JVM屏蔽了與作業系統平臺相關的資訊，使得Java程式只需要生成在Java虛擬機 ......

    uj5u.com 2023-04-20 07:23:31 more
  • 使用Java接入小程式訂閱訊息！

    更新完微信服務號的模板訊息之后，我又趕緊把微信小程式的訂閱訊息給實作了！之前我一直以為微信小程式也是要企業才能申請，沒想到小程式個人就能申請。 訊息推送平臺🔥推送下發【郵件】【短信】【微信服務號】【微信小程式】【企業微信】【釘釘】等訊息型別。 https://gitee.com/zhongfuch ......

    uj5u.com 2023-04-20 07:22:59 more
  • java -- 緩沖流、轉換流、序列化流

    緩沖流 緩沖流, 也叫高效流, 按照資料型別分類： 位元組緩沖流：BufferedInputStream，BufferedOutputStream 字符緩沖流：BufferedReader，BufferedWriter 緩沖流的基本原理，是在創建流物件時，會創建一個內置的默認大小的緩沖區陣列，通過緩沖 ......

    uj5u.com 2023-04-20 07:22:49 more
  • Java-SpringBoot-Range請求頭設定實作視頻分段傳輸

    老實說，人太懶了，現在基本都不喜歡寫筆記了，但是網上有關Range請求頭的文章都太水了 下面是抄的一段StackOverflow的代碼...自己大修改過的，寫的注釋挺全的，應該直接看得懂，就不解釋了 寫的不好...只是希望能給視頻網站開發的新手一點點幫助吧. 業務場景：視頻分段傳輸、視頻多段傳輸（理 ......

    uj5u.com 2023-04-20 07:22:42 more
  • Windows 10開發教程_編程入門自學教程_菜鳥教程-免費教程分享

    教程簡介 Windows 10開發入門教程 - 從簡單的步驟了解Windows 10開發，從基本到高級概念，包括簡介，UWP，第一個應用程式，商店，XAML控制元件，資料系結，XAML性能，自適應設計，自適應UI，自適應代碼，檔案管理，SQLite資料庫，應用程式到應用程式通信，應用程式本地化，應用程式 ......

    uj5u.com 2023-04-20 07:22:35 more

Copyright © 2010-2020 有解無憂