jQuery改变file文件上传控件”浏览“按钮样式
2012-01-09 16:49
531 查看
1、准备
下载jQuery核心库和jQuery File Style插件库。
jQuery 1.4下载地址 |
jQuery File Style下载地址
下载一张按钮的图片，如下图所示，你可以另存为该图。
2、开始配置
在页面上引入jQuery核心库和jQuery File Style插件库。
在页面中放入需要改变样式的file文件上传控件。
初始化脚本，开始改变控件的样式。
这样，我们就改变了文件上传控件按钮的样式，效果如下图所示：
demo下载
下载jQuery核心库和jQuery File Style插件库。
jQuery 1.4下载地址 |
jQuery File Style下载地址
下载一张按钮的图片，如下图所示，你可以另存为该图。
2、开始配置
在页面上引入jQuery核心库和jQuery File Style插件库。
demo下载
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 在C#.net中做页面上传的程序。用Dhtml的控件：（创建文件上载控件，该控件带有一个文本框和一个浏览按钮。）和类HtmlInputFile的两种方法
- input[type=file] 样式美化，input上传按钮美化,使用ajax上传无须控件上传文件
- 在IE中必须点击input file 控件的浏览按钮才能提交上传，否则没有权限 。js文件报拒绝访问，解决办法是将input file控件定位到你要点击的地方 ，并且input file做成透明的
- 上传文件input tyle="file"文件的浏览按钮和文本框用图片替换的方法1
- 使用透明效果来自定义文件上传按钮控件样式
- 改file样式，上传文件按钮前面没有选择框
- 如何把上传文件的浏览按钮换成其他样式 或者图片
- 如何改变上传文件控件中的"浏览..."为别的文字
- 改变上传控件的样式以及上传文件的预览
- 浏览选择上传文件的控件 input type=file
- file 标签上传文件，直接样式太难看！隐藏它，通过别的按钮触发它，又会有IE兼容问题。
- 文件上传控件浏览按钮只读
- 问题，如何把上传文件的浏览按钮换成其他样式 或者图片
- <input type="file" name="file"> 上传表单域浏览按钮样式更改
- 怎样隐藏uploadify上传控件的按钮,然后通过其它控件的事项来触发uploadify控件的文件浏览窗口并现实文件上传功能
- 使用透明效果来自定义文件上传按钮控件样式
- 图片按钮来代替文件上传控件（Freemaker，JQuery，HTML，CSS，JavaScript）
- 自定义input[file]（文件上传控件）样式-兼容IE6
- bootstrap改变上传文件按钮样式，并显示已上传文件名
- 怎样隐藏uploadify上传控件的按钮,然后通过其它控件的事项来触发uploadify控件的文件浏览窗口并现实文件上传功能