file美化插件

首先你需要结合seajs使用

 
这是插件代码块
 
 define(function(require, exports, module) {
 require('subject');
 var file = function(option){
 op=$.extend({
 },option);
 if(op.$inputFile){
 $(op.$textHtml).insertBefore(op.$inputFile);
 $(op.$butHtml).insertBefore(op.$inputFile);
 };
 var $upFileTxt = $(op.$textHtml).attr('class');
 $("."+$upFileTxt+"").css(op.css);
 op.$inputFile.css(op.fileCss);//设定源生的file的样式
 op.$inputFile.change(function(){
 //获取file变化后的value值
 var $fileVal = $(this).val();
 //截取路径，只显示文件名
 var $sub=$fileVal.substring($fileVal.lastIndexOf('\')+1);
 //把file的value值赋给属性为text并且是特定class值的input
 $("."+$upFileTxt+"").html($sub).val($sub);
 });
 };
 return{
 file:file
 }
 });
 

 
这里是根据你的业务需求调用代码块
 
 $file.file({
 $inputFile: $('input:file[class=file]'),
 $butHtml: '',
 $textHtml: '
',
 css: {
 width:573,
 height:32,
 zIndex:0
 },
 fileCss: {
 width:675,
 height:34,
 left:122
 }
 });