dima-kov / django-croppie Goto Github PK

View Code? Open in Web Editor NEW

25.0 4.0 11.0 41 KB

Django application for croppie.js integration

License: MIT License

Python 67.65% CSS 25.40% JavaScript 4.86% HTML 2.09%

django python croppie image-processing image-cropping python3

django-croppie's Introduction

Django Croppie

Django-croppie is an application for easy integration croppie.js image cropper to django projects.

Installation

Install with pip install django-croppie
Add croppie to INSTALLED_APPS:

INSTALLED_APPS = [
    ...
    'croppie',
    ...
]

Usage

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!

Example

There is an example project in the example directory. Read README.md for deploy instructions.

django-croppie's People

Contributors

Stargazers

Watchers

Forkers

miknotauro ngse strycore dipperside nielslust cmallon x0nix erfan37 rfpolverini kivydev shalltell

django-croppie's Issues

Render croppie again

Hi ! i am using croppie and its working fine. I was trying to add some functionality like clicking on a button gives me the cropped image [working fine] but i also wanted to add a button which takes be back to crop the same uploaded image. is there a way to render croppie again without actually refreshing the page.
ThankYou. ;)

Y is that image does not get displayed when <!DOCTYPE html> is used in the template ?

By just adding to the example template file in the repo croppie does not get rendered.

Template croppie/widget.html didn't find

I have a exception about django can't find a template - croppie/widget.html

1 | {% spaceless %}{% for widget in widget.subwidgets %}{% include widget.template_name %}****{% endfor %}{% endspaceless %}

how to set quality?

options={
                'viewport': {'width': 210, 'height': 210, 'type': 'circle'},
                'boundary': {'width': '100%', 'height': 300},
                'showZoomer': True,
                'quality': '.5'
            }

This code can't set quality.

Selected image is reset on form error

When a form has an error. ie form is invalid, the image selected is reset and user has to re upload the image,

Y is that image does not get displayed when <!DOCTYPE html> is used in the template ?

what about default image?

image = models.ImageField(default='default.jpg', upload_to='profile_pics')

as you can see i need to set a default image and the location how to do this with:

photo = CroppieField()

mostrar imágenes en plantillas

cómo se pueden mostrar la imagenes en las plantillas en forma de circulo

Widget not working with InlineFormSet

I'm trying to use the module with an inlineformset_factory, my settings are as as follow:

models.py

class Products(models.Model):
...

class Product_Image(models.Model):
    product = models.ForeignKey('Products', on_delete=models.CASCADE)
    image = models.ImageField(null=True, upload_to=...)

forms.py

class ProductForm(forms.ModelForm):
   ...

class Product_ImageForm(forms.ModelForm):
    image = CroppieField()
    class Meta:
        model = Product_Image
        fields = '__all__'
        
ProductInlineFormSet = inlineformset_factory(Products, Product_Image,form=Product_ImageForm)

views.py

class NewProductView(LoginRequiredMixin, CreateView):
    model = Products
    form_class = ProductForm
    template_name = 'products/addProduct.html'
    login_url = reverse_lazy('users:login')
    # fields = "__all__"

    def get_context_data(self, **kwargs):
        context = super(NewProductView, self).get_context_data(**kwargs)
        if self.request.POST:
            context['product_formset'] = ProductInlineFormSet(self.request.POST)
        else:
            context['product_formset'] = ProductInlineFormSet()
        return context
    ...

template

...
                       {{product_formset}}
                        <div class="row">
                            <div class='col d-flex flex-row-reverse'>
                                <button class="btn btn-info btn-lg">Salvar</button>
                            <div>
                        </div>
                        <div style="width:50%">
                            <div id="cropper"></div>
                        </div>                        
                    </form>
                    {{ form.media }}
                    {{ product_formset.media }}
...

What I have when I open the page of the create view is a blank widget that wherever I upload an image does not update to crop the current image, like it would happen if it was in a normal form. I tried using a normal form and it worked perfectly but that is not my objective. It would be nice if in the future you added support to formsets and such.