Metadata-Version: 2.1 Name: Flask-Dropzone Version: 1.6.0 Summary: Upload files in Flask with Dropzone.js. Home-page: https://github.com/greyli/flask-dropzone Author: Grey Li Author-email: withlihui@gmail.com License: MIT Keywords: flask extension development upload Platform: any Classifier: Development Status :: 5 - Production/Stable Classifier: Environment :: Web Environment Classifier: Intended Audience :: Developers Classifier: License :: OSI Approved :: MIT License Classifier: Programming Language :: Python Classifier: Programming Language :: Python :: 2 Classifier: Programming Language :: Python :: 2.7 Classifier: Programming Language :: Python :: 3 Classifier: Programming Language :: Python :: 3.4 Classifier: Programming Language :: Python :: 3.5 Classifier: Programming Language :: Python :: 3.6 Classifier: Topic :: Internet :: WWW/HTTP :: Dynamic Content Classifier: Topic :: Software Development :: Libraries :: Python Modules Requires-Dist: Flask =============== Flask-Dropzone =============== 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: .. code-block:: python from flask_dropzone import Dropzone dropzone = Dropzone(app) Step 2: In your `` section of your base template add the following code:: {{ dropzone.load_css() }} ... {{ dropzone.load_js() }} 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.