一、简单的文件上传
常见的组件Smartupload , Apache 的 commons FileUpload
Smartupload上传的步骤：
1.初始化上传上下文
2.准备上传
3.保存文件
<%
if(request.getParameter("flag")!=null){
SmartUpload su=new SmartUpload();
su.initialize(pageContext);
su.upload();
su.save("/upload_files"); out.print("上传成功");
}
%>
<form action="file_up.jsp?flag=ok" method="post" enctype="multipart/form-data" > //一定要用post
<input type="file" name="file1" />
<input type="submit" value="上传">
</form>
注意：
1) 表单的 enctype 属性 一定要是 multipart/form-data, method 一定要是post
2) 要确保服务器上有 upload_files 这个文件夹 (当然,文件夹的名称是任意的)
二、多文件上传
<%
if(request.getParameter("flag")!=null){
SmartUpload su=new SmartUpload();
su.initialize(pageContext);
su.upload(); //别忘了
su.save("/upload_files"); SmartRequest req=su.getRequest(); //一定要这样取得 request 对象 String name=req.getParameter("userName");
out.write(name); SmartFiles files= su.getFiles();
int fileCount=files.getCount();
out.println("<h1>上传文件信息</h1>");
out.println("<hr>"); for(int i=0;i<fileCount;i++){
SmartFile f = files.getFile(i);
out.println("表单项名称:"+f.getFieldName()+"<br>");
out.println("上传文件的名称"+f.getFileName()+"<br>");
out.println("文件的扩展名:"+f.getFileExt()+"<br>");
out.println("文件的大小:"+f.getSize()+"<hr>");
}
}
%>
<form action="multi_file_up.jsp?flag=ok" method="post" enctype="multipart/form-data" >
<input type="file" name="file1" /> <br>
<input type="file" name="file2" /> <br>
<input type="file" name="file3" /> <br>
<input type="file" name="file4" /> <br>
账号: <input type="text" name="userName" />
密码: <input type="text" name="password" />
<input type="submit" value="上传">
</form>
三、使用 Servlet 上传文件
SmartUpload smart=new SmartUpload();
//它的参数:
//Servlet servlet
//ServletRequest request
//ServletResponse response
//String errpageUrl
//boolean needSession
//int buffer
//boolean autoflush
PageContext pagecontext=JspFactory.getDefaultFactory().getPageContext(this, request, response, "", true, 8192, true);
smart.initialize(pagecontext); try {
smart.upload();
//smart.save("/upload_files"); //由于后面是一个个存的,这个save就可以不要了
SmartFiles files=smart.getFiles(); for(int i=0;i<files.getCount();i++){
SmartFile f=files.getFile(i);
String ip=request.getRemoteAddr();
String fileName=f.getFileName(); //文件名
//String fileExt =f.getFileExt(); //扩展名 String fullName=ip+"-"+fileName; //request.getServletContext().getRealPath("/"); f.saveAs("/upload_files"+java.io.File.separator+ fullName);
} SmartRequest req=smart.getRequest();
String userName=req.getParameter("userName");
String password=req.getParameter("password"); System.out.println(userName+":"+password); } catch (SmartUploadException e) {
e.printStackTrace();
}
四、文件上传与数据库操作
try {
SmartUpload smart = new SmartUpload();
PageContext pageContext = null;
pageContext = JspFactory.getDefaultFactory().getPageContext(this,
request, response, "", true, 8192, true);
smart.initialize(pageContext);
smart.upload();
SmartFile f=smart.getFiles().getFile(0);
// 1 取得上传的商品的信息
SmartRequest req = smart.getRequest();
String goodsName = req.getParameter("goodsName");
float price = Float.parseFloat(req.getParameter("price"));
String des = req.getParameter("des");
String picture=f.getFileName(); //注意图片管理方面的问题,比如覆盖,删除等
GoodsInfo goods=new GoodsInfo();
goods.setGoodsName(goodsName);
goods.setPrice(price);
goods.setDes(des);
goods.setPicture(picture);
_dao.addGoods(goods);
// 2 上传图片
f.saveAs("/goods_pic"+java.io.File.separator+picture);
request.setAttribute("goods", goods);
request.setAttribute("msg", "商品添加成功");
request.getRequestDispatcher("/goods/goods_add.jsp").forward(request, response);
}
catch (Exception ex) {
ex.printStackTrace();
}
<form action="GoodsServlet" method="post" enctype="multipart/form-data">
名称:<input type="text" name="goodsName" value="${goods.goodsName }" /> <br>
价格:<input type="text" name="price" /> <br>
描述:<input type="text" name="des" /> <br>
图片:<input type="file" name="picture" /> <br>
<input type="submit" value="提交" />
<img src="${pageContext.request.contextPath }/goods_pic/${goods.picture }" >
${msg }
</form>
五、文件的下载
//Servlet中
SmartUpload smart=new SmartUpload();
PageContext pageContext=JspFactory.getDefaultFactory().getPageContext(this, request, response, "", true, 8192, true);
smart.initialize(pageContext);
smart.setContentDisposition(null); // 用来指定下载数据的mine类型,传null 组件会自动的添加默认类型 try {
smart.downloadFile("/goods_pic/lengtu.jpg");
} catch (SmartUploadException e) {
e.printStackTrace();
}
//jsp中
<a href="FileDownloadServlet" >下载</a>
六、附:文件上传请求消息的结构
//在jsp中的配置
<form action="FilieUpServlet" method="post" enctype="multipart/form-data">
<input type="text" name="userName" />
<input type="text" name="password" />
<input type="file" name="photo" />
<input type="submit" value="提交 "/>
</form> //在Servlet中
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { ServletInputStream inputStream=request.getInputStream();
String filePath=getServletContext().getRealPath("/upload-files")+"/XXX.bmp"; //随给被上传的文件起个名字
FileOutputStream outStream=new FileOutputStream(filePath); byte[] buff=new byte[1024];
int len=0;
while((len=inputStream.read(buff,0,buff.length))!=-1){
outStream.write(buff,0,len);
}
inputStream.close();
outStream.close();
System.out.println("成功");
}
说明 :上例中,form 的enctype 是默认的,在存文件的时候,也没有使用它传上的来的名称(传上来的名称是C:/pictture/....这样的)
操作以后,可以在upload-files 下 发现有 XXX.bmp 文件,用记事本打开,发现内容如下
userName=zhangsan&password=123&photo=C%3A%5Cpicture%5Cxiaoxin.bmp
上面的代码,由于没有获取实体的长度,只好先定义一个勺用来循环读取，可以看出:对于 application/x-wwww-form-urlencoded 编码的 form表单,所有字段URL参数的形式组合成了一行,并对其中的参数值都进行了URL编码,要想从上面的数据流中提取出各个字段的值,必须对读取到的内容进行拆分,然后再进行url解码,request.getParameter() 等方法可以直接读取上面的字段元素信息,所以Servlet程序中一般不用getInputStream或getReader方式来读取application/x-www-form-urlencoded 编码的表单字段信息。 如果要上传文件,form 元素的enctype 必须设置为 multipart/form-data,并且method必须为POST。
注意:request.getContentLength() 可以得到上传内容的长度,但要注意:并不能保证一次read方法的调用，就能读取到输入流中的所有内容,因为read方法在读取到指定个字节后或读取完网卡缓冲区中的内容后就返回,但网络传输的速度通常比cpu读网卡的速度慢,所以read方法可能只读到部分数据就返回了。实验表明,就算只上传一个图片文件,上传以后,这个图片文件也是不能用的.因为它里面还是有类似----7df1244802dc之类的内容,和普通图片的格式不对。
七、如何把图象存在数据库
1) 在GoodsInfo 这个实体类中加一个字段 private byte [] photo; //代表照片
2) 数据库中加一个 blob类型的字段 名字叫 photo,用来装载图片数据
3) Servlet中
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { try{
SmartUpload smart = new SmartUpload();
PageContext pageContext = null;
pageContext = JspFactory.getDefaultFactory().getPageContext(this, request, response, "", true, 8192, true); smart.initialize(pageContext);
smart.upload();
SmartFile f = smart.getFiles().getFile(0); //取得上传的商品的信息
SmartRequest req = smart.getRequest();
String goodsName = req.getParameter("goodsName");
float price = Float.parseFloat(req.getParameter("price"));
String des = req.getParameter("des");
String picture = f.getFileName(); GoodsInfo goods = new GoodsInfo();
goods.setGoodsName(goodsName);
goods.setPrice(price);
goods.setDes(des);
goods.setPicture(picture); byte [] buff=new byte[f.getSize()]; //这里是关键 //将文件,转成字节数组,这里是关键
for(int i=0;i<f.getSize();i++){
buff[i]=f.getBinaryData(i);
} goods.setPhoto(buff); //关键 _dao.addGoods(goods); }
catch(Exception ex){
ex.printStackTrace();
} }
4) test_photo.jsp 中 :
<img src="${pageContext.request.contextPath }/goods/photo.jsp" />
5) photo.jsp 中:
<%
GoodsInfo goods=new GoodsDao().getGoodsById(8); response.setContentType("image/jpg"); ByteArrayOutputStream imageStream=new ByteArrayOutputStream();
imageStream.write(goods.getPhoto()); ServletOutputStream streamOut=response.getOutputStream(); imageStream.writeTo(streamOut);
imageStream.close(); out.clear();
out=pageContext.pushBody(); /*由于jsp container在处理完成请求后会调用releasePageContet方法释放所用的PageContext object,
并且同时调用getWriter方法,由于getWriter方法与在jsp页面中使用流相关的getOutputStream方法冲突,
所以会造成这种异常,解决办法是:只需要在jsp页面的最后加上两条语句:
out.clear();out=pageContext.pushBody();即可(其中out,pageContext均为jsp内置对象! */
%>
八、不用插件的文件下载
//例一,最简单的
== Servlet1 ==
response.setContentType("application/x-msdownload");
response.setHeader("Content-Disposition" , "attachment;filename=xxx"); ServletOutputStream stream= response.getOutputStream();
stream.write("ha ha ha this is file".getBytes());
stream.close();
//例二 下载一幅服务器上的图象
== Servlet12 ==
response.setContentType("application/x-msdownload");
response.setHeader("Content-Disposition" , "attachment;filename=xxx"); String filePath=this.getServletContext().getRealPath("/")+"/goods_pic/"+"lengtu.jpg";
FileInputStream fis=new FileInputStream(filePath); ServletOutputStream outStream= response.getOutputStream(); byte[] buff=new byte[1024];
int len=0;
while((len=fis.read(buff))!=-1){
outStream.write(buff,0,len);
} fis.close();
outStream.close();
附:上传图片时的预览功能
function setImagePreview(docObj, localImagId, imgObjPreview, width, height) {
if (docObj.files && docObj.files[0]) { //火狐下，直接设img属性
imgObjPreview.style.display = 'block';
imgObjPreview.style.width = width;
imgObjPreview.style.height = height;
//火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
} else { //IE下，使用滤镜
docObj.select();
var imgSrc = document.selection.createRange().text;
//必须设置初始大小
localImagId.style.width = width;
localImagId.style.height = height;
//图片异常的捕捉，防止用户修改后缀来伪造图片
try {
localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
} catch (e) {
alert("您上传的图片格式不正确，请重新选择!");
return false;
}
imgObjPreview.style.display = 'none';
document.selection.empty();
}
}
<form action="GoodsPhotoServlet" method="post" enctype="multipart/form-data">
名称:<input type="text" name="goodsName" value="${goods.goodsName }" />
价格:<input type="text" name="price" />
描述:<inputtype="text" name="des" /> <br>
图片:<input type="file"name="picture" onchange="setImagePreview(this,localImag,preview,'100px','125px');" />
<input type="submit" value="提交" />
<div id="localImag" style="margin-left: 24px" ></div>
<img id="preview" alt="请上传照片" style="width:122px; height: 145px;" />
</form>