Добавление превью для загружженых картинок с помощью ajax,возможно ли?

Question

[prozrost]

Хочу сделать типа превью для загружаемых картинок. Есть во вьюхе поле для загрузки картинок,выглядит так:

<?= $form->field($images, 'imagesFiles[]')->fileInput(['multiple' => true, 'accept' => 'image/*','id'=>'gallery-photo-add'])->label(false) ?>

эти картинки получаю в контроллере с помощью:

$images->imagesFiles = UploadedFile::getInstances($images,'imagesFiles');

И теперь хочу сделать превью для этих картинок с помощью ajax(без перезагрузки страницы),может кто нибудь делал что то подобное. Картинок должно быть от 1 до 5. Ну и картинки должны добавляться с помощью ajax методы и удалятся тоже с помощью другого ajax метода. Как добавлять картинки с и узнать какие из них удалить?

Answer 1

[Stalker_RED]

Так вам превью, или показ уже загруженных?
Превью можно и без ajax https://jsfiddle.net/kj67cmuw/2/

Comments

[prozrost]

мне нужен показ тех картинок,которые будут переданны при отправке формы. Выбираем 3 картинки,они отобразились,если что удалили одну,отправили форму и загрузились 2.

[Stalker_RED]

prozrost: а чем вам поможет ajax? Вы же не сможете сделать на сервере превью до того как отправили изображения.

Answer 2

[Антон Иванов]

Не уж то не знаете?
https://blueimp.github.io/jQuery-File-Upload/