當前位置:編程學習大全網 - 編程語言 - java web開發 jsp頁面中的《input type="file"》如何壹次選擇多個文件

java web開發 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>

  • 上一篇:北大青鳥設計培訓:女生初中畢業學什麽技術好找工作?
  • 下一篇:大人的科學4:迷妳電子積木
  • copyright 2024編程學習大全網