利用附件上載控件+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