Как удалить картинку с помощью ajax запроса?

Question

[prozrost]

Есть поле для загрузки файлов во вьюхе(множественная загрузка)

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

Есть так же метод в контроллере который все обрабатывает,получая изображения через

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

Теперь хочу чтоб у меня было типа превью этих еще не загруженных картинок во вьюхе,но самое главное,чтоб их можно было удалить.Может кто делал что нибудь подобное.

Comments

[Руслан Полин]

На js же реализуется, добавьте тег, тогда точно помогут.

[prozrost]

js реализует превью, а можно ли убрать одну картинку из нескольких,чтоб она не грузилась? Такого сделать нельзя через js. Мне же нужно и убрать картинку из превью,и не загружать ее в модель,бд и т.д.

[Руслан Полин]

prozrost: Кто вам такое сказал, что нельзя?) Всё можно сделать, а это так вообще обычная практика.

[prozrost]

Руслан: Перечитал множество вопросов по этому поводу,вроде бы,можно сбросить только все файлы,один нельзя.

[Руслан Полин]

prozrost: кажется вы совершенно не знакомы с js и его возможностями. Когда вы выбираете изображения в инпуте, они должны перехватываться js кодом и строить превью изображений с элементами управления. И поверьте, можно удалять одно превью из множества. Вот пример полностью реализованный на js без серверной части. codd-wd.ru/wp-content/examples/html5-img-preview/e...

Answer 1

[Максим Тимофеев]

чтоб их можно было удалить

их кого? Файлы или превью, так как обычно превью создает js еще до загрузки на сервер.
Для yii2 есть виджеты с превью, из адекватных:
https://github.com/2amigos/yii2-file-upload-widget
demos.krajee.com/widget-details/fileinput

Для удаления шлете ajax или обычный запрос, передавая данные достаточные для идентификации. На сервере удаляете, в контролере или в моделе.
unlink('путь к картинке');
если для модели есть атрибут, допустим "image_name" в котором хранится название фото, то экшен выглядит как-то так:

public function actionDeleteMyImage($id){
  if($model = MyModel::findOne($id)){
    $path = '/путь/к/папке/с/картинками/от/корня/сервера/'.$model->image_name;
    if(file_exists($path)){
      unlink($path);
      return true;
    }
  }
  return false;
}

Comments

[prozrost]

Вот в этом и проблема,чтоб удалились и превью и файлы из загрузки. Просто превью уже сделанно.

[Максим Тимофеев]

prozrost: Расширил ответ, но все еще не понятно у Вас превью - это в html или миниатюра на сервере?

[prozrost]

Так это удаляет с сервера. А мне нужно,чтоб при удалении из превью,картинка просто не грузилась на сервер.

[prozrost]

Максим Тимофеев: это во вью при выборе картинок они просто должны быть показаны,это в моем понимании превью.

[Максим Тимофеев]

prozrost: ))) так там все зависит от того как Вы превью вывели. В вашем коде нет достаточной информации. Тут yii вообще не при чем, это вопрос верстки и js.

[prozrost]

Максим Тимофеев: Как же yii не при чем. Нужно же удаленную картинку не загружать в модель,средствами js и html такого не сделать.

[Максим Тимофеев]

prozrost: Как не сделать? Вы в yii отправляете форму, в ней массив с файлами, что в нем будет то и сохранится. А управление формой дело html и js.

Answer 2

[k0nsu1]

Для превью еще не загруженных картинок Вам понадобится FileReader в javascript, либо сперва отправлять файл на сервер, там его обрабатывать и отдавать ссылку на превью.