Skip to main content

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.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

Flask-Dropzone-2.0.0.tar.gz (47.5 kB view details)

Uploaded Source

Built Distribution

Flask_Dropzone-2.0.0-py2.py3-none-any.whl (46.3 kB view details)

Uploaded Python 2 Python 3

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

Hashes for Flask-Dropzone-2.0.0.tar.gz
Algorithm Hash digest
SHA256 99e116db81d598438e8a985694f7748937315f99ed4c9f4a620b75a97c59ab8e
MD5 6c2becd91d829b89fb65df8c5db10dff
BLAKE2b-256 02771d3f061d38460346e703399251f5fef3b820306f8dad5d8a4f8d3aae32b6

See more details on using hashes here.

File details

Details for the file Flask_Dropzone-2.0.0-py2.py3-none-any.whl.

File metadata

File hashes

Hashes for Flask_Dropzone-2.0.0-py2.py3-none-any.whl
Algorithm Hash digest
SHA256 332582669358c9ffda10a96fc986c65b993483cb87a4d7536e4256244f0e3a15
MD5 4d2f6192087223d74a540037a994d939
BLAKE2b-256 ca275c26b675fc1552447e0f4ad46ec02ccdf3597c4b423ff6c9edb1d8bcb9bb

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page