对象化JS之----文件上传客户端控制脚本

<SCRIPT LANGUAGE=javascript>οnlοad=function(){ var lofile = new upfile();}

function upfile(aoP){    var loThis = document.createElement("SPAN"); var lsuniqueID = loThis.uniqueID;    loThis.innerHTML = '<select style="width:200"></select><button οnclick="'+lsuniqueID+'.Del()">删除</button><span><span><input style="width:10" type="file" onpropertychange="'+lsuniqueID+'.Add(this)"></span></span>';    if (aoP==null){        document.body.appendChild(loThis);    }else{        aoP.appendChild(loThis);    }    var loSelect = loThis.children[0];    var loFiles  = loThis.children[2]; loThis.Add = function(aoFile){  if ((aoFile==null)||(aoFile.value=="")) return;  var loOpts = loSelect.options;  var lsfilename = aoFile.value.substring(aoFile.value.lastIndexOf("//")+1);  loOpts[loOpts.length] = new Option(lsfilename,aoFile.uniqueID);  loSelect.value = aoFile.uniqueID;  aoFile.parentElement.style.display = "none";  var loObj = document.createElement("span");  loObj.innerHTML = '<input style="width:10" type="file" onpropertychange="'+lsuniqueID+'.Add(this)">';  loFiles.insertBefore(loObj); } loThis.Del = function(){  loEL = document.all(loSelect.value);  if (loEL!=null){   loEL = loEL.parentElement;   loFiles.removeChild(loEL);  }  var loOpts = loSelect.options;  if(loOpts!=null&&loOpts.length>0){   loSel = loOpts[loSelect.selectedIndex]   loOpts.removeChild(loSel);  } } loThis.AddName = function(asName){  if ((asName==null)||(asName=="")) return;  var loOpts = loSelect.options;  loOpts[loOpts.length] = new Option(asName,null); } loThis.getNames = function(){  var loOpts = loSelect.options;  var lxNames = new Array;  for (var i=0; i<loOpts.length; i++){   lxNames[lxNames.length] = loOpts[i].innerText;  }  return lxNames; } return loThis;}</SCRIPT>

<script LANGUAGE=javascript> οnlοad=function(){ var lofile = new upfile(); } function upfile(aoP){ var loThis = document.createElement("SPAN"); var lsuniqueID = loThis.uniqueID; loThis.innerHTML = ' 删除 '; if (aoP==null){ document.body.appendChild(loThis); }else{ aoP.appendChild(loThis); } var loSelect = loThis.children[0]; var loFiles = loThis.children[2]; loThis.Add = function(aoFile){ if ((aoFile==null)||(aoFile.value=="")) return; var loOpts = loSelect.options; var lsfilename = aoFile.value.substring(aoFile.value.lastIndexOf("//")+1); loOpts[loOpts.length] = new Option(lsfilename,aoFile.uniqueID); loSelect.value = aoFile.uniqueID; aoFile.parentElement.style.display = "none"; var loObj = document.createElement("span"); loObj.innerHTML = ' '; loFiles.insertBefore(loObj); } loThis.Del = function(){ loEL = document.all(loSelect.value); if (loEL!=null){ loEL = loEL.parentElement; loFiles.removeChild(loEL); } var loOpts = loSelect.options; if(loOpts!=null&&loOpts.length>0){ loSel = loOpts[loSelect.selectedIndex] loOpts.removeChild(loSel); } } loThis.AddName = function(asName){ if ((asName==null)||(asName=="")) return; var loOpts = loSelect.options; loOpts[loOpts.length] = new Option(asName,null); } loThis.getNames = function(){ var loOpts = loSelect.options; var lxNames = new Array; for (var i=0; i