Adding previews for uploaded images using ajax, is it possible?

Question

Yii

I want to make a type of preview for uploaded pictures. There is a field in the view for uploading images, it looks like this:

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

I get these pictures in the controller using:

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

And now I want to make a preview for these pictures using ajax (without reloading the page), maybe someone did something similar. Pictures should be from 1 to 5. Well, pictures should be added using ajax methods and removed too using another ajax method. How to add pictures from and find out which ones to delete?

Answer 1

So do you want a preview, or a display of already uploaded ones?
You can preview without ajax https://jsfiddle.net/kj67cmuw/2/

Answer 2

Don't you know?
https://blueimp.github.io/jQuery-File-Upload/