title: How to place a browse button in ngf-drop of ng-file-upload instead of make it whole clickable?
body: <p>I am using ngf-drop of ng-file-upload in my angular application and in this for select a file to upload we can click anywhere in drag-drop div and a select popup will open to select a file and you can check it in fiddle at :          <a href="http://jsfiddle.net/s8kc7wg0/799/" rel="nofollow">http://jsfiddle.net/s8kc7wg0/799/</a>    but i want to open a select popup only on onclick of a button in this div and i got succeeded to open a select file popup but file is not processing after selection in this. You can check my code for this at    <a href="http://jsfiddle.net/s8kc7wg0/800/" rel="nofollow">http://jsfiddle.net/s8kc7wg0/800/</a>    </p>
  
  <pre><code>&lt;div ngf-drop  ng-model="files" class="drop-box" 
      ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-allow-dir="true"
      accept="image/*,application/pdf" 
      ngf-pattern="'image/*,application/pdf'"&gt;Drop pdfs or images here or
      &lt;span class="browsebutton" ngf-select&gt;browse&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>In this i have changed "ngf-select" directive from the upper div to the button in this but its not working.</p>