利用附件上载控件+Javascript实现动态上传附件功能

利用附件上载控件+Javascript实现动态上传附件功能：

 

步骤一：新建表单FrmDemo

 

一、JS Header

 

var FileUploadName=""
function AddFiletoSelect(aoFile){
/*
函数功能：JavaScript动态添加附件的代码
创 建 人：ZengShaoqin
建立时间：2010-06-07
*/
 if ((aoFile==null)||(aoFile.value=="")) return;
   var loOpts = document.all.SelectFile.options;
 loOpts[loOpts.length] = new Option(aoFile.value,aoFile.uniqueID);
   aoFile.parentElement.style.display = "none";
   var loObj = document.createElement("span");
   loObj.innerHTML = '<input  style="z-index:9;width:10" name="'+FileUploadName+'" type="file" onpropertychange="AddFiletoSelect(this)">';
   AffixFile.insertBefore(loObj);
}

function DelFiletoSelect(){
/*
函数功能：JavaScript动态删除附件的代码
创 建 人：ZengShaoqin
建立时间：2010-06-07
*/
  loEL = document.all(document.all.SelectFile.value);
  if (loEL!=null){
    loEL = loEL.parentElement;
    AffixFile.removeChild(loEL);
  }
 var loOpts = document.all.SelectFile.options;
  if(loOpts!=null&&loOpts.length>0){
    loSel = loOpts[document.all.SelectFile.selectedIndex]
    loOpts.removeChild(loSel);
  }
}

 

二、onload

 

if(document.forms[0].fileupload){
 FileUploadName=document.forms[0].fileupload.name
}

 

保存文档便可，详细代码可见附件：UploadFileDemo.rar