文件上传样式修改

chenglin博客 2014年3月11日 浏览 5608 回复2

这里我将写出修改input file样式及效果。

当我们使用文件上传的文本框时,默认是很丑的,都不忍心截图了,所以需要美化一下,那么美化采用的方法是:

1、隐藏原来的file控件

2、自定义样式控件

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

这里先贴图看看效果:
file

我这里使用了bootstrap样式,具体可以自己调,前台代码:

美工这东西,就看自己怎么设计了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

姓名
邮箱
网址

文件上传样式修改》上有2条评论

  1. 我必须吐槽的是,这种修改其他控件调用上传文件的方式,ie内核下,上传文件会报错的,导致文件无法上传,浪费了我好久时间