iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 25
0
自我挑戰組

大四資工人生,快畢業了,然後呢系列 第 25

#資工人生─Day25-Falsk初探

前言

昨天專題需要用到Flask,所以學了一下怎麼寫
當成功的時候,超開心的,
我想在資工最快樂的時候就是code寫出來吧XD

目標

  1. 可以上傳檔案的頁面
  2. 上傳之後可以開檔編輯檔案

先給我一個起手式

  1. 安裝flask
  2. 寫一個首頁
    from flask import Flask
    app = Flask(__name__)
    
    @app.route("/")
    def index():
        return "<h1>我是飛飛,飛飛是我</h1>"
    
    if __name__ == "__main__":
        app.run()
    
    • Flask寫靜態我覺得超快的(身為一個重度愛好Django的使用者)
  3. 上傳頁面
    • Google 資料顯示
      • 原生上傳
      • 使用Flask-Uploads
    • 一開始我是用原生上傳
    • 以下來自範例,有附上註解,大家可以參考看看
    # -*- coding: utf-8 -*-
    import os
    from flask import Flask, request, url_for, send_from_directory
    # 安全性問題
    from werkzeug import secure_filename
    
    ALLOWED_EXTENSIONS = set(['png', 'jpg', 'jpeg', 'gif']) #允許的附檔名
    
    app = Flask(__name__)
    app.config['UPLOAD_FOLDER'] = os.getcwd()+'/media' #取得伺服器目前路徑
    app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024 # 限制大小 16MB
    
    #創建一個上傳表單:
    html = '''
        <!DOCTYPE html>
        <title>上傳檔案測試頁</title>
        <h1>上傳圖片</h1>
        <form method="post" enctype="multipart/form-data">
             <input type="file" name="file">
             <input type="submit" value="上傳">
        </form>
        '''
    
    #檢查上傳檔案是否合法的函數
    def allowed_file(filename):
        return '.' in filename and filename.rsplit('.', 1)[1] in ALLOWED_EXTENSIONS
    
    #取得上傳後的檔案
    @app.route('/uploads/<filename>')
    def uploaded_file(filename):
        return send_from_directory(app.config['UPLOAD_FOLDER'],
                                   filename)
    
    
    @app.route('/', methods=['GET', 'POST'])
    def upload_file():
        if request.method == 'POST':
            #我們透過request上的files取得上傳檔案
            file = request.files['file']
            #確認有檔案且上傳文件合法
            if file and allowed_file(file.filename):
                #secure_filename函數來檢查上傳檔案檔名,會回傳ASCII,中文被省略,空格變成底線
                filename = secure_filename(file.filename)
                #將上傳的檔案存進去伺服器內並存放在指定資料夾中
                file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
                file_url = url_for('uploaded_file', filename=filename)
                return html + '<br><img src=' + file_url + '>'
        return html
    
    
    if __name__ == '__main__':
        app.run()
    

上一篇
#資工人生─Day24-程式語言
下一篇
#資工人生─Day26-關於Unix那堂課
系列文
大四資工人生,快畢業了,然後呢31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言