Я пытаюсь показать предварительный просмотр изображения из файла. Достаточно легко с помощью FileReader (), но яЯ использую это с циклом, поэтому я, когда этоЧтобы поместить результат в источник изображения, мне нужно использовать $ (this) для целевого элемента цикла ввода. Это неЭто даже не имеет смысла для меня, поэтому здесь мы идем.

У нас есть петля ..

  
  <img src="" class="preview">


  
  <img src="" class="preview">


  
  <img src="" class="preview">

Итак, теперь давайте скажем, что выбран второй вход, и теперь мне нужно добавить в него результат из FileReader 'изображение src. Как я нацеливаюсь на второй элемент цикла и его содержимое, чтобы делать вещи?

 function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
               // Here I need to use $(this) to target only the second list item's img.preview
               $('.preview').attr('src', e.target.result);
            };

            reader.readAsDataURL(input.files[0]);
        }
 }