JSP上传组件

最新推荐文章于 2022-12-04 18:30:20 发布

原创最新推荐文章于 2022-12-04 18:30:20 发布 · 2.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#jsp #function #byte #string #file #list

教程同时被 3 个专栏收录

8 篇文章

订阅专栏

Java

6 篇文章

订阅专栏

J2EE

2 篇文章

订阅专栏

本文介绍了一个实用的JSP无刷新多文件上传实例，支持同时上传多个文件，包括文件类型验证及数量限制等功能。该实例适用于10个文件以内的批量上传，支持常见的图片和压缩文件格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

file.jsp

<%@page contentType="text/html"%> <%@page pageEncoding="GB2312"%> <%@page import="java.util.*" %> <%@page import="java.io.*" %> <% request.setCharacterEncoding("GBK"); response.setContentType("text/html;charset=GB2312"); char[] hchl={13,10}; String boundary=request.getContentType().substring(30); String field_boundary="--"+boundary+new String(hchl); String last_boundary="--"+boundary+"--"+new String(hchl); String _msg=""; ServletInputStream getdata=request.getInputStream(); ByteArrayOutputStream temp=new ByteArrayOutputStream(); byte[] data_line=new byte[8192]; int line_byte_count=0; boolean found_boundary=false; while((line_byte_count=getdata.readLine(data_line,0,data_line.length))!=-1){ if(!found_boundary){ line_byte_count=getdata.readLine(data_line,0,data_line.length); } String temp_str=new String(data_line,0,line_byte_count); if(temp_str.indexOf("filename")!=-1){ if(temp_str.substring(temp_str.indexOf("filename=")+9,temp_str.lastIndexOf("/"")+1).length()>2){ String file_name=temp_str.substring(temp_str.lastIndexOf("//")+1,temp_str.lastIndexOf("/"")); line_byte_count=getdata.readLine(data_line,0,data_line.length); line_byte_count=getdata.readLine(data_line,0,data_line.length); FileOutputStream myfile=new FileOutputStream("e://xx//upload//"+file_name,false); //文件存放目录 boolean test=true; while(test) { line_byte_count=getdata.readLine(data_line,0,data_line.length); if(line_byte_count==-1){ test=false; break; } if(temp.size()==0){ temp.write(data_line,0,line_byte_count); }else{ if(new String(data_line,0,line_byte_count).equals(field_boundary) || new String(data_line,0,line_byte_count).equals(last_boundary)){ myfile.write(temp.toByteArray(),0,temp.toByteArray().length-2); temp.reset(); myfile.close(); //out.println(file_name+"上传成功了 <br>"); _msg=_msg+file_name+"上传成功<br>"; test=false; found_boundary=true; }else{ temp.writeTo(myfile); temp.reset(); temp.write(data_line,0,line_byte_count); } } } }else{ String field_name=temp_str.substring(temp_str.indexOf("name")+6,temp_str.lastIndexOf(";")-1); line_byte_count=getdata.readLine(data_line,0,data_line.length); line_byte_count=getdata.readLine(data_line,0,data_line.length); line_byte_count=getdata.readLine(data_line,0,data_line.length); line_byte_count=getdata.readLine(data_line,0,data_line.length); found_boundary=true; // out.println(field_name+"没有选择上传文件！ <br>"); // _msg=_msg+field_name+"没有选择上传文件<br>"; } } else{ String field_name=temp_str.substring(temp_str.indexOf("name")+6,temp_str.lastIndexOf("/"")); line_byte_count=getdata.readLine(data_line,0,data_line.length); temp.reset(); boolean test=true; while(test) { line_byte_count=getdata.readLine(data_line,0,data_line.length); if(line_byte_count==-1){ test=false; break; } if(new String(data_line,0,line_byte_count).equals(field_boundary) || new String(data_line,0,line_byte_count).equals(last_boundary)){ test=false; found_boundary=true; if(temp.size()>2){ // out.println(field_name+":"+new String(temp.toByteArray())+" <br>"); _msg=_msg+field_name+":"+new String(temp.toByteArray())+"<br>"; }else{ // out.println(field_name+"没有内容！ <br>"); _msg=_msg+field_name+"没有内容！<br>"; } temp.reset(); }else{ temp.write(data_line,0,line_byte_count); } } } } getdata.close(); out.println("<mce:script type="text/javascript"></mce:script>"); %>

FileUpload.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无刷新文件上传系统</title> </head> <body> <mce:style></mce:style><style mce_bogus="1">.fu_list { width:600px; background:#ebebeb; font-size:12px; } .fu_list td { padding:5px; line-height:20px; background-color:#fff; } .fu_list table { width:100%; border:1px solid #ebebeb; } .fu_list thead td { background-color:#f4f4f4; } .fu_list b { font-size:14px; } /*file容器样式*/ a.files { width:90px; height:30px; overflow:hidden; display:block; border:1px solid #BEBEBE; background:url(img/fu_btn.gif) left top no-repeat; text-decoration:none; } a.files:hover { background-color:#FFFFEE; background-position:0 -30px; } /*file设为透明，并覆盖整个触发面*/ a.files input { margin-left:-350px; font-size:30px; cursor:pointer; filter:alpha(opacity=0); opacity:0; } /*取消点击时的虚线框*/ a.files, a.files input { outline:none;/*ff*/ hide-focus:expression(this.hideFocus=true);/*ie*/ }</style> <form id="uploadForm" action="file.jsp"> <table border="0" cellspacing="1" class="fu_list"> <thead> <tr> <td colspan="2"><b>上传文件</b></td> </tr> </thead> <tbody> <tr> <td align="right" width="15%" style="line-height:35px;" mce_style="line-height:35px;">添加文件：</td> <td><a href="javascript:void(0);" mce_href="javascript:void(0);" class="files" id="idFile"></a> <img id="idProcess" style="display:none;" mce_style="display:none;" src="img/loading.gif" mce_src="img/loading.gif" /></td> </tr> <tr> <td colspan="2"><table border="0" cellspacing="0"> <thead> <tr> <td>文件路径</td> <td width="100"></td> </tr> </thead> <tbody id="idFileList"> </tbody> </table></td> </tr> <tr> <td colspan="2" style="color:gray" mce_style="color:gray">温馨提示：最多可同时上传 <b id="idLimit"></b> 个文件，只允许上传 <b id="idExt"></b> 文件。 </td> </tr> <tr> <td colspan="2" align="center" id="idMsg"><input type="button" value="开始上传" id="idBtnupload" disabled="disabled" /> <input type="button" value="全部取消" id="idBtndel" disabled="disabled" /> </td> </tr> </tbody> </table> </form> <mce:script type="text/javascript"></mce:script> </body> </html>

这是一个非常不错的JSP无刷新上传实例，支持多文件上传，可同时上传10个文件，允许上传gif，jpg，rar，zip，iso，swf格式文件。163网盘好像用的这种上传程序。这是出自一位高人之手，在使用的同时，也希望大家好好研究一下。