WEB开发网
开发学院网页设计JavaScript 对象化JS之 --文件上传客户端控制脚本 阅读

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

 2007-12-06 09:40:45 来源:WEB开发网   
核心提示:<SCRIPT LANGUAGE=javascript>onload=function(){ var lofile = new upfile();}function upfile(aoP){ var loThis = document.createElement(SPAN);

<SCRIPT LANGUAGE=javascript>
onload=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 onclick=+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>


Tags:对象化 JS 文件

编辑录入:coldstar [复制链接] [打 印]
赞助商链接