クロップツールを使用した画像クロップツールのDjangoアプリ

Question

クライアントサイドで画像をクロップするには、Jcrop jqueryプラグインのようなクロップツールを使用する必要があります。

私は、このツールが見つかりました：

• django-image-cropper
• django-image-cropping
• django-imagehandler
• django-avatar-crop

をしかし、最後の二つは、管理者に依存し、2は最初非常にTHERに結合されたように見えます独自のImageFieldとモデル、良い解決策？

私たちは、私は、これは、それはあなたのデータやモデルがどのように依存するあなたはおそらく自分で書いオフ最高になります何かだと思う多くの機能を備えた大規模アプリケーション上で作業し、ロジックが

Answer 1

をwrited非常に困難な変化であり、されていますあなたが大きなアプリを持っていても、他のコードを曲げようともっと多くの時間を費やすことになります（もしあなたが作物を保存したいと思っている場合）。状況。

（このコードは非常に粗いです - 私は本当に手順をレイアウトしています）あなたはのImageFieldでモデルを持っている場合、あなたはトリミングされた画像を保持するための第二の画像フィールドを追加することができます

を：

class MyModel(models.Model): 
    image = models.ImageField(...) 
    image_crop = models.ImageField(...) 

フォームとクライアント側のフォームに入力されるjcrop座標を保持する余分なフィールドを持つフォーム（フィールドは非表示になります）。どのような形式で座標をフィールドに保存するかはあなた次第ですが、json辞書（クライアント側のjson.jsとサーバー側のsimplejson）を使用するといいでしょう。

{ 'x1' : '145', 'y1' : '200' ... } 

形式：

class MyModelForm(form.ModelForm): 
    """ Hide a field to hold the coordinates chosen by the user """ 
    crop_coords = forms.CharField(attrs={'style':'display:none'})   

    class Meta: 
     model = MyModel 

ビュー全てこの処理：PIL使用してトリミングされた画像を作成する

def some_view(request): 
    form = request.POST 
    if form.is_valid(): 
     crop_coords = form.cleaned_data['crop_coords'] 
     # decode the coords using simpleson (or however you passed them) 
     ... 
     # create a cropped image 
     original_image = form.cleaned_data['image'] 
     cropped_image = cropper(original_image.path, crop_coords) 
     ... 
     # save it back to the db - http://stackoverflow.com/questions/1308386/programmatically-saving-image-to-django-imagefield 
     ... 

と機能：

# Look here: http://djangosnippets.org/snippets/224/ 
def cropper(original_image_path, crop_coords): 
    """ Open original, create and return a new cropped image 
    ...