写一个js编写的文件上传控件。（原创的）

function UploadFile(){}

UploadFile.prototype={

multiupload:false,

intervale:2000000,

enable:true,

 synchro:false,

GetFileName:function(filepath){ return filepath.substr(filepath.lastIndexOf('//')+1); },

OnInit:function(objId){//初始化方法。

var FileList_Ul=document.getElementById(objId);

 if(FileList_Ul!=null){

if(FileList_Ul.parentNode.childNodes[1]!=null){

 file_obj=FileList_Ul.parentNode.childNodes[1];

var jsonmsg=file_obj.value;

var jsonobj=eval(jsonmsg);

var htmlmsg="";

if(jsonobj!=null&&jsonobj.length>0){

for(var i=0;i"+jsonobj[i].realname+"("+jsonobj[i].filesize+")删除"; }

 FileList_Ul.innerHTML=htmlmsg; } if(FileList_Ul.childNodes.length>0) FileList_Ul.style.display="";

}

}

},

onSetJson:function(FileList_Ul){//通过json数据初始化。

var jsonmsg="";

if(FileList_Ul.childNodes.length>0){

 for(var i=0;iparseInt(filesize/this.intervale))

loadcount=parseInt(filesize/this.intervale)+1;

setInterval(

 function(){

 if(FileList_Ul.childNodes.length>0){

var pargressUl=FileList_Ul.childNodes[FileList_Ul.childNodes.length-1].childNodes[1];

 if((pargressUl!=null&&pargressUl.childNodes.length>0)&&loadindex<=loadcount){

 pargressUl.childNodes[0].style.width=(pargressUl.clientWidth*loadindex/loadcount)+"px"; loadindex++;

}

}

},

500);

},

OnUpload:function(obj){//上传的方法

if(obj!=null){

 var FileList_Ul=obj.parentNode.parentNode.parentNode.nextSibling.childNodes[0];

if(FileList_Ul!=null&&FileList_Ul.tagName=="UL"){

var file_obj=obj;

if(file_obj.value!=""&&file_obj.tagName=="INPUT"){

var htmlmsg="";

var filesizeHF=FileList_Ul.nextSibling.nextSibling.value;

 if(filesizeHF==null||filesizeHF=="")

 filesizeHF=10000000;

var fileExtbool=false;

 var filefilterHF=FileList_Ul.nextSibling.nextSibling.nextSibling.value;

if(filefilterHF!="") {

var fileFileExt=GetFileExtName(file_obj.value);

var fileExts=filefilterHF.split(",");

 if(fileExts!=null&&fileExts.length>0){

 for(var i=0;i"+realname+"("+filesize+"bit)删除";

FileList_Ul.innerHTML+=htmlmsg;

}

else{

if(FileList_Ul!=null&&FileList_Ul.childNodes.length>0){

var linkbtn=FileList_Ul.childNodes[0].childNodes[FileList_Ul.childNodes[0].childNodes.length-1];

 if(linkbtn!=null&&linkbtn.tagName=="A"){ uploadobj.DelFile(linkbtn);

}

}

htmlmsg=""+realname+"("+filesize+"bit)删除";

FileList_Ul.innerHTML=htmlmsg;

}

FileList_Ul.style.display="";

uploadobj.onPargress(FileList_Ul,filesize);

uploadobj.onSetJson(FileList_Ul);

 }

},

error: function (data, status, e) { alert(e); } });

}

 else{

alert("上传的文件的后缀名不正确");

}

}

else{

alert("请选择要上传文件","操作提示");

}

if(FileList_Ul.childNodes.length>0){ FileList_Ul.style.display=""; }

}

}

}

 }

//截取文件的后缀名。

function GetFileExtName(filename){

 var index1=filename.lastIndexOf(".");

var index2=filename.length;

var postf=filename.substring(index1,index2);

//后缀名

return postf;

 }