自定义 <input type="file" /> 样式

最新推荐文章于 2023-10-22 22:49:16 发布

xklsky

最新推荐文章于 2023-10-22 22:49:16 发布

阅读量735

点赞数

分类专栏： js css 文章标签： class

本文链接：https://blog.csdn.net/xklsky/article/details/50887873

版权

js 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

css

4 篇文章 0 订阅

订阅专栏

以下是对bootstrap的file的包装，思路供参考。

input id="lefile" type="file" style="display:none">
<div class="input-append">
   <input id="photoCover" class="input-large" type="text">
   <a class="btn" onclick="$('input[id=lefile]').click();">Browse</a>
</div>

<script type="text/javascript">
$('input[id=lefile]').change(function() {
   $('#photoCover').val($(this).val());
});
</script>

或者，加个return

<button class = "clp" onclick = "clp();">clp</button>
<input type="file" id="File" style="display:none" />
<script>
    function clp(){
        return  $("#File").click();
    }
</script>