Upload file in Flask with Dropzone.js.
Project description
Flask-Dropzone packages Dropzone.js into an extension to add file upload support for Flask. It can create links to serve Dropzone from a CDN and works with no JavaScript code in your application.
NOTICE: This extension is built for simple usage, if you need more flexibility, please use Dropzone.js directly.
Basic Usage
Step 1: Initialize the extension:
from flask_dropzone import Dropzone
dropzone = Dropzone(app)
Step 2: In your <head> section of your base template add the following code:
<head> {{ dropzone.load_css() }} </head> <body> ... {{ dropzone.load_js() }} </body>
You can assign the version of Dropzone.js through version argument, the default value is 5.2.0. Step 3: Creating a Drop Zone with create(), and configure it with config():
{{ dropzone.create(action='the_url_which_handle_uploads') }} ... {{ dropzone.config() }}
Also to edit the action view to yours.
Beautify Dropzone
Style it according to your preferences through style() method:
{{ dropzone.style('border: 2px dashed #0087F7; margin: 10%; min-height: 400px;') }}
More Detail
Go to Documentation , which you can check for more details.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for Flask_Dropzone-1.5.4-py2.py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | e5e3d4740d407807aa99d7b6438aad812a1ce01e1b07b0f409462ff078386709 |
|
MD5 | 7967e5c17e1c41659c17e2df8afdfad9 |
|
BLAKE2b-256 | 905975f018b163d9175fb6ab427125c1668e28ec6344735a2d84d84a594cc3ad |