【叨、校长】Apache 文件上传组件 fileupload使用教程
文件上传的后台实现servlet，添加了上传进度的实现：public class UpLoadServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String msg = "";
response.setCharacterEncoding("gbk");
// 创建一个磁盘文件的工厂
FileItemFactory factory = new DiskFileItemFactory();
// 创建一个用于解析文件的文件上传处理类
ServletFileUpload upload = new ServletFileUpload(factory);
//实现上传数据的百分比
//实现官方的ProgressListener接口，用于完成进度条的控制
class MyProgressListener implements ProgressListener {
private HttpServletRequest request = null;
MyProgressListener(HttpServletRequest request) {
this.request = request;
}
public void update(long pBytesRead, long pContentLength, int pItems) {
double percentage = ((double) pBytesRead / (double) pContentLength);
//上传的进度保存到session，以便使用
request.getSession().setAttribute("uploadPercentage",percentage);
}
}
upload.setProgressListener(new MyProgressListener(request));
try {
// 解析表单数据，返回一个集合
List<FileItem> items = upload.parseRequest(request);
for (FileItem item : items) {
if (item.isFormField()) { // 判断一个表单元素是一个普通的元素
// 得到普通表单元素的name属性的值
String fieldName = item.getFieldName();
// 用指定的编码获得普通表单元素的提交值
String fieldValue = item.getString("gbk");
} else { // 判断一个表单元素是一个文件域元素
// 得到文件域提交的文件的带路径的名称
String fileName = item.getName();
// 获取文件不到路径的名称,作为上传后文件的名称
String fileUploadName = fileName.substring(fileName
.lastIndexOf("\\") + 1);
// 设置一个上传文件的保存路径
String fileUpLoadPath = request.getSession()
.getServletContext().getRealPath("/fileuplad/");
File file = new File(fileUpLoadPath);
if (!file.exists()) {
file.mkdir();
}
// 将文件写到指定的路径下
item.write(new File(fileUpLoadPath, fileUploadName));
msg = "文件上传成功,保存在" + fileUpLoadPath;
System.out.println(msg);
response.getWriter().write(
"{success:true,msg:'" + msg + "'}");
}
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
前台使用了EXTJS：
Ext.onReady(function(){
new Ext.Window({
height:300,
width:300,
items:[{
xtype:"button",
text:"upload",
handler:function(){
///这是我自己封装的一个插件、带进度条，带后台日志输出
var win=new Ext.wangbing.FileUpLoadProcessBar({
title:"上传文件",
width:600,
height:370,
fileStyle:"color:#15428b;",
textAreaStyle:"background:#ced9e7;color:green;",
emptyText:"请选择要导入的文件...",
fileButton:"浏览",
buttons:[{
text:"上传",
handler : function() {
var timer=setInterval(function(){
Ext.Ajax.request({
url:"ProgressServlet",
method:"post",
success:function(response,options){
var obj = Ext.util.JSON.decode(response.responseText);
if(obj.finished){
clearInterval(timer);
win.getComponent(0).getComponent(2).updateProgress(1,obj.msg);
}else{
///win.getComponent(0).getComponent(2).
win.getComponent(0).getComponent(2).updateProgress(obj.percentage,obj.percentage);
}
}
})
},50)
var form=win.getComponent(0).getForm();
if(form.isValid()){
form.doAction("submit",{
url:"UpLoadServlet",
success:function(form,response){
var jsobj=eval("("+response.response.responseText+")");
///alert(jsobj.msg);
},
failure:function(form){
///alert("Failure");
}
})
}
}
},{
text:"取消",
handler:function(){
win.close();
}
}],
buttonAlign:"center"
});
win.show();
}
}]
}).show();
})
我自己封装的一个插件。。。详情查看图片附件！
页:
[1]