java web开发 jsp页面中的《input type="file"》如何一次选择多个文件
小弟做了个文件上传，但是jsp页面里的《inputtype="file"》每次只能选择一个文件。。如何让其能够一次性选择多个文件？？...
小弟做了个文件上传，但是jsp页面里的《input type="file"》每次只能选择一个文件。。如何让其能够一次性选择多个文件？？
展开
展开全部
你的意思应该是像QQ上传照片的那样 其实吧这个问题以前也想过，但是后来发现type="file"根本就不能直接这样弄，那是得要控件才能实现的， 你可以使用js动态生成啊
如：
<script>
var i=1;
function addf(){
addfile.innerHTML+= " <input type= 'file ' id=id "+i+ "> "; i++;
}
</script>
<input type= "boton " onclick= "addf(); " vlaue= "增加 ">
<div id=addfile>
<input type= "file " id=id1>
</div> 或许，下面的这个jsp的页面《转的也很也用，》你试试，， <%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="/WEB-INF/struts-tiles.tld"%>
<%@ taglib prefix="nested" uri="/WEB-INF/struts-nested.tld"%>
<%@ taglib prefix="logic" uri="/WEB-INF/struts-logic.tld"%>
<%@ taglib prefix="html" uri="/WEB-INF/struts-html.tld"%>
<%@ taglib prefix="bean" uri="/WEB-INF/struts-bean.tld"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html:html>
<head>
<title>Struts多文件上传Demo</title>
</head>
<script language="javascript" type="text/javascript">
var num = 1;
function addFile(){
num++;
var obj=document.getElementById("uploadFile");
var innerHTML=obj.innerHTML;
var insertHTML= "文件"+num+"：<input type='file' name='testFile["+num+"]' size='30'/> <br> ";
innerHTML=innerHTML+insertHTML;
//alert(innerHTML);
obj.innerHTML=innerHTML;
}
</script>
<body bgcolor="#ffffff">
<div align="center"><h3>上传文件列表</h3></div>
<html:form method="post" action="/moreFileUpload.do?method=upload"
enctype="multipart/form-data">
<table border="1" width="80%" align="center" bgcolor="#80ffff" cellspacing="1" cellpadding="1" bordercolor="red">
<TBODY>
<TR>
<td colspan="2" align="center">
<span id="uploadFile">
文件1：<input type="file" name="testFile[1]" size="30"/><br>
</span>
</td>
</TR>
<TR>
<td align="center">
<input type="button" name="btnAddFile" value="添加文件"
onclick="addFile()"/>
</td>
<TD align="center">
<input type="submit" name="btnUpload" value="上传文件"/>
</TD>
</TR>
</TBODY>
</table>
</html:form>
</body>
</html:html> 希望对你有用！
</SPAN>
如：
<script>
var i=1;
function addf(){
addfile.innerHTML+= " <input type= 'file ' id=id "+i+ "> "; i++;
}
</script>
<input type= "boton " onclick= "addf(); " vlaue= "增加 ">
<div id=addfile>
<input type= "file " id=id1>
</div> 或许，下面的这个jsp的页面《转的也很也用，》你试试，， <%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="/WEB-INF/struts-tiles.tld"%>
<%@ taglib prefix="nested" uri="/WEB-INF/struts-nested.tld"%>
<%@ taglib prefix="logic" uri="/WEB-INF/struts-logic.tld"%>
<%@ taglib prefix="html" uri="/WEB-INF/struts-html.tld"%>
<%@ taglib prefix="bean" uri="/WEB-INF/struts-bean.tld"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html:html>
<head>
<title>Struts多文件上传Demo</title>
</head>
<script language="javascript" type="text/javascript">
var num = 1;
function addFile(){
num++;
var obj=document.getElementById("uploadFile");
var innerHTML=obj.innerHTML;
var insertHTML= "文件"+num+"：<input type='file' name='testFile["+num+"]' size='30'/> <br> ";
innerHTML=innerHTML+insertHTML;
//alert(innerHTML);
obj.innerHTML=innerHTML;
}
</script>
<body bgcolor="#ffffff">
<div align="center"><h3>上传文件列表</h3></div>
<html:form method="post" action="/moreFileUpload.do?method=upload"
enctype="multipart/form-data">
<table border="1" width="80%" align="center" bgcolor="#80ffff" cellspacing="1" cellpadding="1" bordercolor="red">
<TBODY>
<TR>
<td colspan="2" align="center">
<span id="uploadFile">
文件1：<input type="file" name="testFile[1]" size="30"/><br>
</span>
</td>
</TR>
<TR>
<td align="center">
<input type="button" name="btnAddFile" value="添加文件"
onclick="addFile()"/>
</td>
<TD align="center">
<input type="submit" name="btnUpload" value="上传文件"/>
</TD>
</TR>
</TBODY>
</table>
</html:form>
</body>
</html:html> 希望对你有用！
</SPAN>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
