Django-croppie is an application for easy integration croppie.js image cropper to django projects.
-
Install with
pip install django-croppie -
Add
croppietoINSTALLED_APPS:
INSTALLED_APPS = [
...
'croppie',
...
]
- To use django-croppie you should specify a form field:
from croppie.fields import CroppieField
class AddForm(forms.Form):
photo = CroppieField()
Also CroppieField takes non required argument options - a python dictionary that represent croppie.js settings. For example:
photo = CroppieField(
options={
'viewport': {
'width': 120,
'height': 140,
},
'boundary': {
'width': 200,
'height': 220,
},
'showZoomer': True,
},
)
- Add form static files to template:
{% block js %}
{{ form.media }}
{% endblock js %}
- Specify position of cropper widget on page:
<div class="row">
<div id="cropper"></div>
</div>
- That's all!
There is an example project in the example directory. Read README.md for deploy instructions.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent