82 lines
2.3 KiB
Plaintext
82 lines
2.3 KiB
Plaintext
|
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
|
||
|
|
<http://dropzonejs.com>`_ 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 `<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
|
||
|
|
<https://flask-dropzone.readthedocs.io/en/latest/>`_ , which you can check for more
|
||
|
|
details.
|
||
|
|
|
||
|
|
|