title: Jquery upload multiple - Add more image instead of change old uploads with new upload
body: <p>I am building a web app that can upload multiply with jquery upload manually, not using any libraries, so the case is, when i upload multiple, e.g : 3 images (eg : image_1.jpg, image_2.jpg, image_3.jpg), I have succeed to get the preview of 3 images, here's my js code:</p>
  
  <pre><code>$('button#Images').on('change', function(){
      var filelists = this.files || [];        
  
      $.each(filelists, function(i, filelist){
          var reader = new FileReader();
  
          reader.onload = function (e) {
              $( '.preview-' + i ).html('&lt;img class="image-preview" src="'+ e.target.result +'" width=75/&gt;');                
          }
          reader.readAsDataURL(filelist);
      });                                         
  });
  </code></pre>
  
  <p>my question is when I want to add more image e.g (image_4.jpg,image_5.jpg), the preview changes to (image_4.jpg, image_5.jpg,). i want if i click button#images, then the old images not replaced with the new upload files, i want it to combine the old uploads with the new one such as (image_1.jpg, image_2.jpg, image_3.jpg, image_4.jpg, image_5.jpg,),</p>
  
  <p>is there any way to do it?
  sorry newbie here </p>
  
  <p>update fiddle : 
  <a href="https://jsfiddle.net/vxj3bt6d/" rel="nofollow noreferrer">https://jsfiddle.net/vxj3bt6d/</a></p>
  
  <p>your help will be appreciated</p>