file.js

文件上传

// JavaScript Document
//说明：
//在html中，应该定义一个div,id是"filedivshow",input-file在span内，如下：
//<div id="filedivshow" class="fileFieldDiv">
//	    <span id="s_0"><input name="f_0" type="file" id="f_0" size="50" onchange="onSelectFile(this)"/></span>		
//	  </div>
var i=0;
String.prototype.getId=function(){
	return this.substr(this.lastIndexOf("_")+1);
}


function addFileField(element)
{
	i++;
	var str="<span id='s_"+i+"'><input name='f_"+i+"' type='file' id='f_"+i+"' size='50' onchange='onSelectFile(this)'/></span>";

	new Insertion.Top("filedivshow",str);
	
}

function onSelectFile(element)
{
	var value=$F(element.id);
	if(value.length>0)       //此外可添加验证，checkFile()
	{
		addFileField(element);
		addValue(element);
	}
}

function addValue(element)
{
	var id="a_"+element.id.getId();
	var str=element.id+": "+$F(element.id)+"<a href='#'  onclick='remove(&quot;"+element.id+"&quot;)'>\u5220\u9664</a>";
	new Insertion.Before(element.id,str);
//	Element.hide(element.id);
}

function remove(object)
{
	var id="s_"+object.getId();
	 Element.remove(id);
}

//如果需要验证上传文件的类型，如jpg,rar等
function checkFile(element)
{
	return true;
}