編集 Github

ファイルのアップロードJasny v3.1.3 - プロ 成分

選択ピッカーのスタイルを設定して、ドロップダウンやその他の入力に似た外観にします。

詳細については確認してくださいs 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" 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="#pablo" 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" 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="#pablo" class="btn btn-danger btn-round fileinput-exists" data-dismiss="fileinput"><i class="fa fa-times"></i> Remove</a>
        </div>
    </div>
  </div>
</div>