Получение координат события щелчка по изображению с помощью Django
Я начинающий Django и пишу Django-приложение для маркировки объектов на изображениях с помощью ограничительных рамок. Я хочу, чтобы пользователи могли рисовать ограничивающую рамку на изображении, а координаты рамки должны сохраняться непосредственно в базе данных. В моем приложении изображения уже отображаются, и пользователи могут выбрать тип объекта:
Однако сейчас я пытаюсь понять, как перехватить событие клика с помощью django. А именно: Как мне захватить координаты события щелчка на изображении, чтобы я мог сохранить координаты щелчка в моей базе данных?
Я знаю, как захватить входные данные через <input type="..." >, но я не нашел связанного метода для поиска координат щелчка на сетке.
Я нашел этот замечательный проект , который содержит более продвинутый маркировщик изображений, основанный на django - но я не могу найти место в коде, где сохраняются координаты клика.
Буду очень благодарен за подсказки, в каких пакетах/функциях искать решение.
Во-первых, вы должны знать, что Django является backend фреймворком и работает на стороне сервера, а изображение показывается пользователю на стороне клиента, поэтому вы должны использовать код на стороне клиента, чтобы получить прямоугольник от пользователя и затем отправить его на сервер с помощью технологии ajax.
На стороне клиента у вас есть Javascript, и вы можете сделать событие щелчка мыши и взять (x,y) позицию из события. Затем вы должны передать его определенному URL сервера с помощью ajax и вернуть сохраненный ответ пользователю.
На стороне сервера можно сделать приложение Django и определить URL, модель и представление для сохранения полученной позиции изображения.