Предварительный просмотр изображения после его отправки через AJAX (решение Rails)?

Question

Я пытаюсь понять, как лучше реализовать механизм, как он используется здесь: https://sortfolio.com/signup.По сути, каждый выбирает картинку для загрузки.Изображение загружается в фоновом режиме, а затем появляется на странице без обновления.

До сих пор мне удавалось сделать POST изображения (я отправляю в IFrame, используя плагин jQuery) и показываю индикатор выполнения.Я не совсем понимаю, когда / как вытащить изображение обратно.

Я использую скрепку для обработки.

Есть мысли?

Спасибо.

Answer 1

Некоторое время назад я сделал пример приложения для аналогичной проблемы.Вы можете найти это здесь .Он отображает изображение в модальном окне, но я вполне уверен, что вы можете найти некоторые идеи о том, как решить вашу проблему.

Answer 2

В вашем Rails-контроллере при ответе на AJAX-запрос отправьте обратно URL-адрес вновь загруженного изображения, все изображение в виде объекта JSON (включая URL-адрес) или частичный HTML-код для его отображения.1002 * Например, используя первый метод, используйте jQuery, чтобы установить src для img.

Что-то вроде в обратном вызове AJAX-запроса:

$('#image').attr('src', /* url sent back from AJAX request */);