ajaxを使ったサムネイルの追加と削除

Question

yii2アプリでサムネイル画像を作成して削除する必要があります。私は最大5つのイメージを持っている必要があります、そして、私がファイルを選んだとき、私はそのイメージのサムネイルを見るかもしれません。 私はそれで私の見解で画像を追加：

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

と私は私のコントローラ内の画像を取得することができます：

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

にはどうすればサムネイルを見ることができますか？私はajaxリクエストを作成する必要がありますか？はいの場合、どうやって別の画像を削除できますか？または、私の見解に多分いくつかのidを付け加えてください。

$('#gallery-photo-add').on('change', function() { 
    var input = $(this)[0]; 
    var images = $('#some-div'); 
    for (var i=0; i<input.files.length; i++) { 
     if (input.files && input.files[i]) { 
      var reader = new FileReader(); 
      reader.onloadend = function (e) { 
       images.append('<img src="'+e.target.result+'" />'); 
      }; 
      reader.readAsDataURL(input.files[i]); 
     } 
    } 
}); 

：

Answer 1

フォームを送信する前に、ディスクからそれらを選択した後の画像を見たい場合は

、あなたは、例えばJavaScriptを使用して、ビュー内のファイルを選択しプレビューすることができます