Bootstrap文件上传美化 input()

作者: JONE 分类: PHPer 发布时间: 2020-06-19 16:47
<div class="form-group">
<div class="row">
   <div class="col-sm-2 control-label">选择文件</div>
   <div class="col-sm-6">
       <div class="input-group">
       <input id='location' class="form-control" readonly  onclick="$('#i-file').click();">
           <label class="input-group-btn">
               <input type="button" id="i-check" value="浏览文件" class="btn btn-primary" onclick="$('#i-file').click();">
           </label>
       </div>
   </div>
   <input type="file" name="file" id='i-file'  accept=".xls, .xlsx" onchange="$('#location').val($('#i-file').val());" style="display: none">
</div>
</div>