页面中实现无刷新上传文件

最新推荐文章于 2021-11-12 09:57:27 发布

iteye_21055

最新推荐文章于 2021-11-12 09:57:27 发布

阅读量96

点赞数

分类专栏： Java语言文章标签： JavaScript HTML ViewUI

Java语言专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!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.οnclick=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.οnclick=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 οnlοad="init()">
<form name="uploadForm" action="/upload.do" target="upload" enctype="multipart/form-data" method="post"></form>
<iframe name="upload" style="display:none"></iframe>
</BODY></HTML>