FileUpload Jasny v3.1.3 - Pro Component

We have styled the select picker to look similar to the dropdown and the other inputs.

For more information please check Full Github Documentation.

Select image Change Remove

Add Photo Change
Remove

<div class="row">
  <div class="col-md-6">
    <div class="fileinput fileinput-new text-center" data-provides="fileinput">
       <div class="fileinput-new thumbnail img-raised">
    	<img src="https://epicattorneymarketing.com/wp-content/uploads/2016/07/Headshot-Placeholder-1.png" rel="nofollow" alt="...">
       </div>
       <div class="fileinput-preview fileinput-exists thumbnail img-raised"></div>
       <div>
    	<span class="btn btn-raised btn-round btn-rose btn-file">
    	   <span class="fileinput-new">Select image</span>
    	   <span class="fileinput-exists">Change</span>
    	   <input type="file" name="..." />
    	</span>
            <a href="javascript:;" class="btn btn-danger btn-round fileinput-exists" data-dismiss="fileinput">
            <i class="fa fa-times"></i> Remove</a>
       </div>
    </div>
  </div>

  <div class="col-md-6">
    <div class="fileinput fileinput-new text-center" data-provides="fileinput">
        <div class="fileinput-new thumbnail img-circle img-raised">
    	<img src="https://epicattorneymarketing.com/wp-content/uploads/2016/07/Headshot-Placeholder-1.png" rel="nofollow" alt="...">
        </div>
        <div class="fileinput-preview fileinput-exists thumbnail img-circle img-raised"></div>
        <div>
        <span class="btn btn-raised btn-round btn-rose btn-file">
            <span class="fileinput-new">Add Photo</span>
    	<span class="fileinput-exists">Change</span>
    	<input type="file" name="..." /></span>
            <br />
            <a href="javascript:;" class="btn btn-danger btn-round fileinput-exists" data-dismiss="fileinput"><i class="fa fa-times"></i> Remove</a>
        </div>
    </div>
  </div>
</div>