inputfile.htc

ASP中web自定义控件的使用源码及说明文档

<PUBLIC:COMPONENT tagName="INPUTFILE">
<PUBLIC:property name="file" />
<PUBLIC:PROPERTY name="filename" GET="get_filename" />
<PUBLIC:attach event="ondocumentready" handler="Init" />

<SCRIPT LANGUAGE="JScript">

function Init()
{
	if(null == file)
	{
		var html = "<div style=\"position:relative;clear:none;\">";
		html += "<input type=\"file\" onkeypress=\"javascript:return false;\" style=\"cursor:default;\" ContentEditable=\"false\" style=\"position: relative;text-align: right;-moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0;z-index: 2; cursor:default;\">";
		html += "<div style=\"position: absolute;top: 0px;left: 0px;z-index: 1;\">";
		html += "<input readonly=true onkeypress=\"javascript:return false;\" style=\"cursor:default;\">";
		html += "<input type=button value=\""+element.label+"\">";
		html += "</div>";
		html += "</div>";
		element.innerHTML = html;
		file = element.children(0).firstChild;
		element.appendChild(file);

		var prop;
		for (prop in element) 
		{
			var val = element.getAttribute(prop,3);
			if (val != null && val != "" && prop != "name" && prop!="class" && prop!="label") 
			{
				file.setAttribute(prop,val);
			}
		}
		
		file.id = element.uniqueID;
		file.name = element.name;
		
		var obj1 = element.children(0).firstChild.firstChild;
		var obj2 = element.children(0).firstChild.firstChild.nextSibling;
		file.relatedElement = obj1;
		file.onchange = file.onmouseout = function(){
			this.relatedElement.value = this.value;
		}
		
		obj1.style.width = file.offsetWidth - obj2.offsetWidth;
	}
}

function get_filename()
{
	return file.value;
}

</SCRIPT>

</PUBLIC:COMPONENT>