title: How to bring bootstrap image preview in modal
body: <p>iam trying to bring bootstrap modal privew for each image. how can i bring that in my current code. check my fiddle</p>
  
  <p><a href="http://jsfiddle.net/BrianDillingham/q9Lx1Lss/" rel="nofollow">http://jsfiddle.net/BrianDillingham/q9Lx1Lss/</a>  </p>
  
  <pre><code>$images = $('.imageOutput')
  
  $(".imageUpload").change(function(event){
      readURL(this);
  });
  
  function readURL(input) {
  
      if (input.files &amp;&amp; input.files[0]) {
  
          $.each(input.files, function() {
              var reader = new FileReader();
              reader.onload = function (e) {           
                  $images.append('&lt;img src="'+ e.target.result+'" /&gt;')
              }
              reader.readAsDataURL(this);
          });
  
      }
  }
  </code></pre>