Upload files 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.
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
File details
Details for the file Flask-Dropzone-2.0.0.tar.gz.
File metadata
- Download URL: Flask-Dropzone-2.0.0.tar.gz
- Upload date:
- Size: 47.5 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/4.0.2 CPython/3.10.13
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | 99e116db81d598438e8a985694f7748937315f99ed4c9f4a620b75a97c59ab8e |
|
| MD5 | 6c2becd91d829b89fb65df8c5db10dff |
|
| BLAKE2b-256 | 02771d3f061d38460346e703399251f5fef3b820306f8dad5d8a4f8d3aae32b6 |
Provenance
File details
Details for the file Flask_Dropzone-2.0.0-py2.py3-none-any.whl.
File metadata
- Download URL: Flask_Dropzone-2.0.0-py2.py3-none-any.whl
- Upload date:
- Size: 46.3 kB
- Tags: Python 2, Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/4.0.2 CPython/3.10.13
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | 332582669358c9ffda10a96fc986c65b993483cb87a4d7536e4256244f0e3a15 |
|
| MD5 | 4d2f6192087223d74a540037a994d939 |
|
| BLAKE2b-256 | ca275c26b675fc1552447e0f4ad46ec02ccdf3597c4b423ff6c9edb1d8bcb9bb |
