文件上传样式修改

摘要: 文件上传按钮，默认的样式，真是的需要后期的人来修改的。和整体页面风啊肯定冲突很大。我也改过很多次，今天看到别人的博文，写的不错。借鉴一下吧！

操作步骤：

1、隐藏原来的file控件

2、自定义样式控件

3、修改js，当点击自定义控件时，调用隐藏file控件click事件，并把结果显示出来。



直接铁马

<input type="file" name="file" id="file" style="display:none">
<div class="input-append">
<input id="uploadurl" class="input-large" type="text" disabled>
<a class="btn btn-info" onclick="$('input[id=file]').click();">
<i class="icon-folder-open-alt"></i> 浏览
</a>
</div>

<script type="text/javascript">
$('input[id=file]').change(function() {
var path = $(this).val();
path = path.split('\\');
path = path[path.length-1];
$('#uploadurl').val(path);
});
</script>

是不是不错啦。前端兼微商（整体保养，护肤，韩国化妆品哦） 微信：