title: How to provide a Preview For Multiple images selected in fileuplaod Using Jquery?
body: <p>Hi all i have an fileuplaod where user can select multiple images nad i want to show the preview for those selected images before upload...at present i manged it for the single image preview how can i provide preview for the multiple images selected </p>
  
  <pre><code>  function readURL(input) {
      var img = $(input).closest('div').find('img').first();
      var imgid=$(img).attr('id');
      if (input.files &amp;&amp; input.files[0]) {
          alert(input.files);
          alert(input.files[0]);
          var reader = new FileReader();
  
          reader.onload = function (e) {
              $("#"+imgid)
                  .attr('src', e.target.result);
          };
  
          reader.readAsDataURL(input.files[0]);
      }
  }
  
   &lt;input type="file"  accept="gif|jpg|jpeg|png" name="files[]" multiple onchange="readURL(this);" /&gt;
  
                      &lt;img src="http://placehold.it/140x140" class="img-rounded" id="thumbnailimage"&gt;
  </code></pre>
  
  <p>can any one help here please...</p>