使用 Flask-Uploads + jQuery + Bootstrap 创建带进度条的文件上传

Flask-Uploads allows your application to flexibly and efficiently handle file uploading and serving the uploaded files. You can create different sets of uploads - one for document attachments, one for photos, etc. - and the application can be configured to save them all in different places and to generate different URLs for them.

环境及版本号：

• python 2.7.10
• Flask==0.11.1
• Flask-Uploads==0.2.1

上传效果图：

后台逻辑代码：

# main.py
# coding:utf-8
from flask import Flask, render_template, request
from flask_uploads import UploadSet, configure_uploads, ALL

app = Flask(__name__)

files = UploadSet('files', ALL)
app.config['UPLOADS_DEFAULT_DEST'] = 'uploads'

configure_uploads(app, files)


@app.route('/upload', methods=['GET', 'POST'])
def upload():
    if request.method == 'POST' and 'media' in request.files:
        filename = files.save(request.files['media'])
        url = files.url(filename)
    return render_template('upload.html')


if __name__ == '__main__':
    app.run(debug=True)

前端模板代码：

    
    
    
    
    



    
    


    

        0%