title: How to get image data created by Bootstrap File Input plugin
body: <p>I've got the following div that does the work of selecting and showing the selected image, changing the image and cancelling it. All of it is done by the <a href="http://plugins.krajee.com/file-input" rel="nofollow">Bootstrap File Input</a> plugin.</p>
  
  <pre><code>&lt;div class="fileinput fileinput-new" data-provides="fileinput"&gt;
      &lt;div class="fileinput-new thumbnail"&gt;
          &lt;img src="http://www.placehold.it/512x512/EFEFEF/AAAAAA&amp;amp;text=NO+IMAGE" alt="" class="img-responsive" /&gt;
      &lt;/div&gt;
      &lt;div class="fileinput-preview fileinput-exists thumbnail"&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;span class="btn default btn-file"&gt;
              &lt;span class="fileinput-new"&gt;Select image &lt;/span&gt;
              &lt;span class="fileinput-exists"&gt;Change &lt;/span&gt;
          &lt;input type="file" name="..." &gt;
          &lt;/span&gt;
          &lt;a href="#" class="btn red fileinput-exists" data-dismiss="fileinput"&gt;Remove &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now this Bootstrap File Input plugin create the following <code>img</code> element, which holds the data for the image. I need that data so I could send that using AngularJS to my node server and save that image inside a folder on my server.</p>
  
  <pre><code>&lt;div class="fileinput-preview fileinput-exists thumbnail"&gt;
    &lt;img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAIAAAB7GkOtAAAAA3=..."&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Could somebody help me with getting the dynamically generated <code>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAIAAAB7GkOtAAAAA3=...</code> image data by Bootstrap File Input using AngularJS?</p>