无刷新上传文件

Yangjinghuan · 发表于 2013-2-7 19:50:51

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript">

/*附件添加提示*/
  function getFirefoxTip(form)
  {
            var tipDiv=document.createElement("div");
            tipDiv.style.cssText="width:100px;font:12px Arial;color:#00f;text-decoration:underline";
            tipDiv.innerHTML="添加一个附件";
            tipDiv.onclick=function()
            {
                     var i=form.getAttribute("count")||0;
                     createInput(form,parseInt(i)+1);
            };
            form.appendChild(tipDiv);
  }

/*删除已经添加的附件项*/
  function removeChild(parent,child)
  {
  var i=parent.getAttribute("count");
  parent.removeChild(child);
  i--;
  if(i==0)
{
   parent.lastChild.innerHTML="添加一个附件";
}
  parent.setAttribute("count",i);
  }

  /* 添加移除项*/
  function getRemove(form,node)
  {
            var span=document.createElement("span");
            span.style.cssText="font:10px Arial;color:#00f;text-decoration:underline;";
            span.innerHTML="移除";
            span.onclick=function(){removeChild(form,node);}
            return span;
  }

  /*文件选择框*/
  function createInput(form,inputIndex)
  {
            var i=inputIndex||0;
            if(i==0)
            {
                  getFirefoxTip(form);;
            }
            else
            {
                     var inputDiv=document.createElement("div");
                     var input=document.createElement("input");
                     input.setAttribute("type","file");
                     input.setAttribute("name","file_"+i);
                     inputDiv.appendChild(input);
                     inputDiv.appendChild(getRemove(form,inputDiv));
                     form.insertBefore(inputDiv,form.lastChild);
                     form.setAttribute("count",i);
                     form.lastChild.innerHTML="再添加一个附件";
            }

   }
  /*初始化*/
  function init()
  {
   createInput(document.forms['uploadForm']);
  }
</script>
</HEAD>

<BODY >
<form name="uploadForm" action="/upload.do" target="upload" enctype="multipart/form-data" method="post"></form>
<iframe name="upload" style="display:none"></iframe>
</BODY></HTML>

		自动登录	找回密码
密码			立即注册