Bootstrap качване на файл


bootstrap-file-upload-inputДобре изглеждаща форма за качване на файлове.

Ако знаете синтаксиса на Bootstrap може лесно да се промени и да се ползва без бутона за изпращане.

<input type="file" name="excel" id="input_file" style="display:none;" />
<div class="input-group col-sm-4 pull-right">
 <span class="input-group-btn">
     <button class="btn btn-default" id="select_button" type="button">Select...</button>
 </span>
 <input type="text" name="text-excel" readonly="" id="submit_file" class="form-control">
 <span class="input-group-btn">
     <input type="submit" name="upload" value="Import" class="btn btn-primary">
 </span>
</div>
<script>
    $('#input_file').change(function(){
        $('#submit_file').val($(this).val().replace(/C:\\fakepath\\/i, ''));
    });
    $('#select_button').click(function(){
        $('#input_file').click();
    });
</script>

, ,

  1. Няма коментари.
(will not be published)