title: Store Image via jquery
body: <p>I have a upload image function via <code>&lt;input type=file&gt;</code> function.</p>
  
  <p>This is my script</p>
  
  <pre><code> function readURL(input) {
     if (input.files &amp;&amp; input.files[0]) {
              var reader = new FileReader();
  
  
              reader.onload = function (e) {
                  $('.prw_img').attr('src', e.target.result).width(112).height(112);
  
                  };
  
              reader.readAsDataURL(input.files[0]);
          }
      }
  </code></pre>
  
  <p>My HTML code is</p>
  
  <pre><code>    &lt;img  class= "prw_img" style="width:112px;height:112px;"/&gt;
  
      &lt;input id="file" type="file" onchange="readURL(this);" name="files[]"&gt;
  </code></pre>
  
  <p>I am having a preview of the image in that <code>&lt;img&gt;</code> tag. Is there a way to save this uploaded image to my system</p>
  
  <p>Here's the <a href="http://jsbin.com/ojaxib/1/" rel="nofollow"><strong>BIN</strong></a>.</p>
  
  <p>And Also i don't want to popup a save as dialog box to be open. Is there the way to store the image in a database</p>