bootstrap的 input type=“file“ 样式改进

关于bootstrap的 input type="file" 样式改进

外层那个是bootstrap的panel样式 里面都是用的最基础的class 没有外部引用

            <div class="col-sm-3">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="请选择文件" />
                    <span class="input-group-btn">
                        <label for="forexIO_file" class="form-control btn btn-info">
                            选择文件</label>
                        <input id="forexIO_file" type="file" onchange="set_placeholder(this)" style="display: none" />
                    </span>
                </div>
                <!-- /input-group -->
            </div>

    function set_placeholder(e) {
        var filename = $(e).val();
        if (filename) {
            var idx = filename.lastIndexOf("\\");
            filename = filename.substring(idx + 1);
            $(e).parent().prev().prop("placeholder", filename);
        }
    }