Skip to main content

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.

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:

{{ dropzone.include_dropzone() }}

Step 3: Creating a form element with the class dropzone and id myDropzone in the place where you want to upload file:

<form action="{{ url_for('upload_file') }}" class="dropzone" id="myDropzone" method="POST" enctype="multipart/form-data">
</form>

Also to edit the action to your upload address.

More Detail

Go to Github page , 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-1.3.zip (6.2 kB view details)

Uploaded Source

File details

Details for the file Flask-Dropzone-1.3.zip.

File metadata

  • Download URL: Flask-Dropzone-1.3.zip
  • Upload date:
  • Size: 6.2 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No

File hashes

Hashes for Flask-Dropzone-1.3.zip
Algorithm Hash digest
SHA256 3569202847a021216a2c7b2368f61db048923f90e1de0290f69d1e5b231f693c
MD5 471721da1c022e022b32dde2e8099204
BLAKE2b-256 26ff65d2799d4a682b52f22632c5de8c34148c2db727894767c836a97ff9b67f

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