一、uploadfive的使用

  上传工具是程序设计中最常用的功能,其中,uploadfive插件使用比较多,此处该插件进行文件的上传操作。该插件是基于HTML5的,因此PC端和移动端都可以使用。
使用:
1、下载uploadfive插件,解压缩到项目中;
2、在程序中调用;
 
HTML代码
<div>
<input id="file_upload" type="file" name="file_upload" />
</div>

JS代码

$('#file_upload').uploadifive({
'uploadScript' : '/PersonalSystem/upload' , //处理文件上传的服务器端脚本,可根据自己的项目环境修改
//'auto':false, //是否自动上传,默认true
//'fileObjName' : 'upload', //服务器端获取的文件对象的名称
'buttonText' : '上传照片', //上传按钮文字
// 'queueID' : 'tip-queue1', //进度条的显示位置
// 'fileType' : 'image/*', //上传文件类型
//'multi' : false, //是否多文件上传
// 'fileSizeLimit' : 5242880, //限制上传文件的大小
//'uploadLimit' : 1, //一次可以上传的最大文件数
//'queueSizeLimit' : 1, //允许队列中存在的最大文件数
// 'removeCompleted':false, //隐藏完成上传的文件,默认为false
'height':50,
'width':80, //上传按钮的宽度与高度只能通过这两个属性进行修改
'onUploadComplete' : function(file, data) {
debugger//onUploadComplete:文件上传完成时触发; 回调参数 file:上传完的文件对象;data:服务器端(uplodify.php)返回的信息
alert('图片' + file.name + '成功上传');
}
})

其中,uploadScript属性是服务器端脚本,插件自带uploadfive.php脚本,在此基础上,创建servlet代替原有的PHP文件。  'uploadScript' : '/PersonalSystem/upload',是servlet的访问路径,在web.xml进行配置。

二、为什么使用servlet

首先要知道servlet是用Java编写的服务器端小程序,在程序中是 Java 编程语言中的一个类,在整个架构中是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。它被用来扩展服务器的性能。其工作原理如图:

三、servlet的使用

创建servlet

1、创建一个servlet的Java类(也可以直接创建servlet),创建Java类后,根据需要添加doGet()和doPost()等函数;
2、配置web.xml 

web.xml中的配置代码

<servlet>
<description>专门用来处理上传操作的servlet</description>
<servlet-name>UploadServlet</servlet-name>
<servlet-class>pers.mengb.persys.servlet.UploadServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>UploadServlet</servlet-name>
<url-pattern>/upload</url-pattern>
</servlet-mapping>

其中servlet-name是servlet名,servlet-class是报名加servlet名,url-pattern为映射路径,可以随意起名字,设置成功后可以直接在系统URL后面加上该映射路径,即可访问该servlet。

文件上传servlet

首先下载两个jar包,分别为commons-fileupload-1.2.2-bin.zip  和 commons-io-2.3-bin.zip          
将两个zip解压缩去除jar包放在lib文件夹下
然后在servlet编写上传代码即可,注意文件上传的提交方式必须是post方式
package pers.mengb.persys.servlet;
import javax.servlet.http.*;
import javax.servlet.*;
import java.io.*;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class UploadServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
/*
* @author Administrator
* 文件上传
* 具体步骤:
* 1)获得磁盘文件条目工厂 DiskFileItemFactory (要导包)
* 2) 利用 request 获取 真实路径 ,供临时文件存储,和 最终文件存储 ,这两个存储位置可不同,也可相同
* 3)对 DiskFileItemFactory 对象设置一些 属性
* 4)高水平的API文件上传处理 ServletFileUpload upload = new ServletFileUpload(factory);
* 目的是调用 parseRequest(request)方法 获得 FileItem 集合list ,
*
* 5)在 FileItem 对象中 获取信息, 遍历, 判断 表单提交过来的信息 是否是 普通文本信息 另做处理
* 6)
* 第一种. 用第三方 提供的 item.write( new File(path,filename) ); 直接写到磁盘上
* 第二种. 手动处理
*
*/
request.setCharacterEncoding("utf-8"); //设置编码
DiskFileItemFactory factory = new DiskFileItemFactory(); //获得磁盘文件条目工厂
String path = this.getServletContext().getRealPath("uploadDir"); //获取文件需要上传到的路径
//String path = request.getRealPath("/upload"); //该方法不推荐使用啦
//如果没以下两行设置的话,上传大的 文件 会占用 很多内存,
//设置暂时存放的 存储室 , 这个存储室,可以和 最终存储文件 的目录不同
/*
* 原理 它是先存到 暂时存储室,然后在真正写到 对应目录的硬盘上,
* 按理来说 当上传一个文件时,其实是上传了两份,第一个是以 .tem 格式的
* 然后再将其真正写到 对应目录的硬盘上
*/
factory.setRepository(new File(path));
factory.setSizeThreshold(1024*1024) ; //设置 缓存的大小,当上传文件的容量超过该缓存时,直接放到 暂时存储室
ServletFileUpload upload = new ServletFileUpload(factory); //高水平的API文件上传处理
try {
List<FileItem> list = upload.parseRequest(request);
for(FileItem item : list)
{
String name = item.getFieldName(); //获取表单的属性名字
//如果获取的 表单信息是普通的 文本 信息
if(item.isFormField())
{
//获取用户具体输入的字符串 ,名字起得挺好,因为表单提交过来的是 字符串类型的
String value = item.getString() ;
request.setAttribute(name, value);
}
//对传入的非 简单的字符串进行处理 ,比如说二进制的 图片,电影这些
else
{
/*
* 以下三步,主要获取 上传文件的名字
*/
String value = item.getName() ; //获取路径名
int start = value.lastIndexOf("\\"); //索引到最后一个反斜杠
String filename = value.substring(start+1);//截取 上传文件的 字符串名字,加1是 去掉反斜杠,
request.setAttribute(name, filename);
//真正写到磁盘上
//它抛出的异常 用exception 捕捉
//item.write( new File(path,filename) );//第三方提供的
//手动写的
OutputStream out = new FileOutputStream(new File(path,filename));
InputStream in = item.getInputStream() ;
int length = 0 ;
byte [] buf = new byte[1024] ;
System.out.println("获取上传文件的总共大小为:"+item.getSize()+"字节");
// in.read(buf) 每次读到的数据存放在 buf 数组中
while( (length = in.read(buf) ) != -1)
{
//在 buf 数组中 取出数据 写到 (输出流)磁盘上
out.write(buf, 0, length);
}
in.close();
out.close();
}
}
} catch (FileUploadException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
catch (Exception e) {
// TODO Auto-generated catch block //e.printStackTrace();
}
//request.getRequestDispatcher("filedemo.jsp").forward(request, response);
} }

四、servlet扩展知识点

Servlet是线程安全吗?

uploadfive 使用强烈建议查看官网文档

 

最新文章

  1. windows 7(32/64位)GHO安装指南(序篇)~
  2. Objective-C语言继承性
  3. Tools - Oracle SQL Developer
  4. Html - Bootstrap 头部
  5. setTimeOut() 和 setTimeInterval()
  6. C语言之Static
  7. Java语言基础(八)
  8. Code Complete 读后总结和新的扩展阅读计划
  9. 汇总jQuery的61种选择器及示例
  10. mysql 本地操作
  11. smarty模板基础1
  12. 用Jquery做一个时间日期选择器
  13. VMS项目总结
  14. oracle_hc.sql
  15. visual studio 2017使用技巧
  16. FMDB数据库升级
  17. C语言判断文件夹或者文件是否存在的方法【转】
  18. jQuery操错题积累
  19. lecture4特征提取-七月在线-cv
  20. Linux安装redis和部署

热门文章

  1. vim下看C++代码
  2. 吴裕雄--天生自然 pythonTensorFlow自然语言处理:Attention模型--测试
  3. List集合分组依据集合中对象的属性
  4. Haploid inheritance|Hardy-Weinberg proportions|
  5. Android之布局LinearLayout
  6. mac用python读取文件常见问题(未完成)
  7. jQuery实现button按钮提交表单
  8. 76)PHP,session数据区的使用
  9. zabbix 使用邮件发送告警信息
  10. .vimrc文件