title: Bootstrap File Input - How to hide the drag button in initial preview?
body: <p>I am using the Bootstrap File Input plugin for managing user avatars: <a href="http://plugins.krajee.com/file-input/" rel="nofollow noreferrer">http://plugins.krajee.com/file-input/</a></p>
  
  <p>I am initializing the plugin using this JS code:</p>
  
  <pre class="lang-js prettyprint-override"><code>        $("#contact_photo").fileinput({
              showCaption: false, // The "1 file selected non-editable text field"
              showRemove: false, // The "Remove" button
              showUpload: false, // The "Upload" button
              showBrowse: false, // The "Browse ..." button
              browseOnZoneClick: true,
  
              initialPreview: "{{ lead.contact_photo.url }}",
              initialPreviewConfig: [
                  {
                      fileType: 'image',
                      previewAsData: true,
                  }
              ],
  
              removeFromPreviewOnError: true,
              overwriteInitial: true, // Whether to replace the image loaded originally if it exists
              allowedFileExtensions: ['jpg', 'jpeg', 'png'],
              allowedPreviewTypes: ['image'],
              defaultPreviewContent: '&lt;h3&gt;No Contact Photo&lt;/h3&gt;&lt;h6&gt;Drag or click Browse...&lt;/h6&gt;',
              maxFileSize: 10000, // 10 MB
              maxFileCount: 1,
              msgErrorClass: 'alert alert-block alert-danger',
              elErrorContainer: '#kv-avatar-errors-1',
          });
  </code></pre>
  
  <p>The problem is if the <code>initialPreview</code> key is set the initial preview will contain the "Drag" button in left bottom corner (the icon with 4 directional arrows, which does nothing for my setup). How do I remove it?</p>
  
  <p>I have tried setting <code>showDrag: false</code> in both fileinput setup and in <code>initialPreviewConfig</code> with no success.</p>