flask dropzone带移除和上传 常用(flask 75)
flask dropzone带移除和上传 常用(flask 75)
移除
app.py
import os
from flask import Flask, render_template, request from flask_dropzone import Dropzone
basedir = os.path.abspath(os.path.dirname(file))
app = Flask(name)
app.config.update( UPLOADED_PATH=os.path.join(basedir, 'uploads'), # Flask-Dropzone config: DROPZONE_ALLOWED_FILE_TYPE='image', DROPZONE_MAX_FILE_SIZE=3, DROPZONE_MAX_FILES=30, )
dropzone = Dropzone(app)
@app.route('/', methods=['POST', 'GET']) def upload(): if request.method == 'POST': f = request.files.get('file') f.save(os.path.join(app.config['UPLOADED_PATH'], f.filename)) return render_template('index.html')
if name == 'main': app.run(debug=True)
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Flask-Dropzone Demo: Custom Options</title> {{ dropzone.load_css() }} {{ dropzone.style('border: 2px dashed #0087F7; margin: 10%; min-height: 400px;') }} </head> <body> {{ dropzone.create(action='upload') }} <button id="upload-btn">Upload</button> {{ dropzone.load_js() }} {{ dropzone.config(custom_init='dz = this;document.getElementById("upload-btn").addEventListener("click", function handler(e) {dz.processQueue();});', custom_options='autoProcessQueue: false, addRemoveLinks: true, parallelUploads: 20,') }} </body> </html>
腾讯云开发者
