对象化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);
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>
更多精彩
赞助商链接