Я хочу, чтобы пользователь загружал свое изображение.
После того, как он выбрал изображение со своего локального компьютера, моя конечная цель - сохранить миниатюры этого изображения определенных размеров (прямоугольные).Чтобы сохранить соотношение сторон, я должен предложить пользователю обрезать это изображение, а затем я создам для него миниатюры.
Для этого я подумал, как сначала загрузить, а затем просмотреть изображение для пользователя
, а затемЯ бы использовал внешний плагин (я думаю, jcrop), чтобы обрезать это изображение
и затем, наконец, отправить его на сервер.
У меня возникли проблемы с предварительным просмотром изображения.Некоторые источники предполагают подобное.
<input type="file" onclick="preview(this)" >
с JS:
function preview()
{
alert(this.value);
//code to append the image content in some div.
}
, но я вижу только окончательное имя изображения файла в окне предупреждения (например, abc.jpg), а не весь путь (например,/ home / blah / blah .. /abc.jpg)
Можно ли как-нибудь заставить пользователя предварительно просмотреть изображение, чтобы я мог обрезать его и затем отправить на сервер?или мне нужно сначала сохранить исходный файл на сервере, а затем только показать инструмент пользователя, чтобы обрезать им недавно добавленное изображение.