flask 實(shí)現(xiàn)上傳圖片并縮放作為頭像的例子

更新時(shí)間：2020年01月09日 14:16:17 作者：子辰曦

今天小編就為大家分享一篇flask 實(shí)現(xiàn)上傳圖片并縮放作為頭像的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

個(gè)人開發(fā)的 flask 論壇進(jìn)入尾聲，還剩最后一個(gè)上傳圖片更換頭像功能，搞了一整天，最后終于解決了所有問題，現(xiàn)在記錄下解決方案。

1. 上傳文件

分析一下更換頭像功能，我們需要做哪些事，簡單的思路是：上傳文件，獲取文件的 url 。

文件上傳的基本原理實(shí)際上很簡單，基本上是：

一個(gè)帶有 enctype=multipart/form-data 的 <form> 標(biāo)記，標(biāo)記中含有一個(gè) <input type=file>。

應(yīng)用通過請求對象的 files 字典來訪問文件。

使用文件的 save() 方法把文件永久地保存在文件系統(tǒng)中。

于是可以得到我們的提供上傳按鈕的表單頁面：

{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block title %}SYSUfm - 更換頭像{% endblock %}

{% block page_content %}
<div class="page-header">
  <h1>更換你的頭像</h1>
</div>
<div class="col-md-4">
  <form action="" method=post enctype=multipart/form-data>
    <input type=file name=file><br/>
    <input type=submit value=Upload>
  </form>
</div>

{% endblock %}

2. 創(chuàng)建略縮圖

接下來我們需要有路由到這個(gè)頁面的視圖函數(shù)，服務(wù)器后臺端的代碼如下：

@main.route('/edit-avatar', methods=['GET', 'POST'])
@login_required
def change_avatar():
  if request.method == 'POST':
    file = request.files['file']
    size = (40, 40)
    im = Image.open(file)
    im.thumbnail(size)
    if file and allowed_file(file.filename):
      filename = secure_filename(file.filename)
      im.save(os.path.join(main.static_folder, 'avatar', filename))
      current_user.new_avatar_file = url_for('main.static', filename='%s/%s' % ('avatar', filename))
      current_user.is_avatar_default = False
      flash(u'頭像修改成功')
      return redirect(url_for('.user', username=current_user.username))
  return render_template('change_avatar.html')

這里 main 是一個(gè) blueprint，file = request.files['file'] 語句獲得圖片文件對象，將其轉(zhuǎn)換為 Image 對象，通過 thumbnail 方法進(jìn)行略縮。

最后 im.save(os.path.join(main.static_folder, 'avatar', filename)) 語句將略縮圖片保存到服務(wù)指定路徑。

以上這篇flask 實(shí)現(xiàn)上傳圖片并縮放作為頭像的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: