Обрезать загруженное изображение и отправлять обрезанные координаты с помощью Cropper.js - PullRequest
Новая
       46

Обрезать загруженное изображение и отправлять обрезанные координаты с помощью Cropper.js

1 голос
/ 29 марта 2019

Я новичок в технологиях Django и frontend, пытаюсь создать веб-приложение Django, в котором пользователь загружает изображение, просматривает полное изображение и обрезает одно и то же изображение только на стороне клиента. На стороне сервера будет получен только исходный необрезанныйИзображение и обрезанные координаты (x, y, ширина, высота) выбранного пользователя поля «Ящик». Я прочитал несколько учебных пособий, используя cropper.js, но не могу понять, как правильно это сделать?

В настоящее время пользователь может просматривать и загружать файл изображения, который затем сохраняется в базе данных (filepath).

мои файлы выглядят следующим образом

forms.py 

from django import forms
class ImageUploadForm(forms.Form):
  image = forms.ImageField()

модель.py 

from django.db import models
class ImageModel(models.Model):
image = models.ImageField(upload_to = 'media/')

views.py 

from django.shortcuts import render
from .models import ImageModel
from .forms import ImageUploadForm

def upload(request):
if request.method == 'POST':
    form = ImageUploadForm(request.POST, request.FILES)
    if form.is_valid():
        p = ImageModel(image = request.FILES['image'])
        p.save()
        return render(request, 'abc.html')
else : 
    form = ImageUploadForm()
return render(request, 'index.html', {'form': form})

template index.html 

<body>
<table>
<tr>
  <td>
    <form action="" method="POST" enctype="multipart/form-data">
      <p>
        {{form}}
      </p>
      <br />
      <input type="submit" value="Upload File" />
    </form>
  </td>
</tr>
</body>

Я нашел этот фрагмент кода с ответом на этот вопрос, но не смог понятькак я могу интегрироваться с моим существующим приложением django. cropper.js загрузка исходных изображений с координатами

Заранее спасибо.

...