ajax fileupload上传组件的使用感悟

======================================================
注：本文源代码点此下载
======================================================

最近给公司开发项目中,一直在做一个上传功能,在做这个功能中对上传组件的使用感触挺深的。

我最早使用的一款上传组件是fileupload,不是struts的,是servlet的,它是在serlvet中使用的,在后台要写好多好多的代码,感觉那个太繁琐了,之后又使用了swf上传组件,这个组件的上传功能是在前台实现的,在前台就可以实现上传而且还可以实现动态上传的进度条,给人的视觉感觉很不错。但是,它是将flash和js封装在一起的,由于要先前台实现上传,所以很多东西写的比较复杂,想要掌握它并熟悉它需要花费大量的时间去研究它,而且很难把握住,出了问题也不好调试。。。。

最终在我尝试好多的上传组件中,我选择了fileupload上传组件。首先是前台它是用jquery和ajax实现的,大家先可以看一下前台代码:

function ajaxfileupload()

{

$("#loading")

.ajaxstart(function(){

$(this).show();

})//开始上传文件时显示一个图片

.ajaxcomplete(function(){

$(this).hide();

});//文件上传完成将图片隐藏起来

$.ajaxfileupload

(

{

url:'fileuploadaction.action',//用于文件上传的服务器端请求地址

secureuri:false,//一般设置为false

fileelementid:'file',//文件上传空间的id属性

datatype: 'json',//返回值类型 一般设置为json

success: function (data, status)//服务器成功响应处理函数

{

alert(data.message);//从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量

if(typeof(data.error) != 'undefined')

{

if(data.error != '')

{

alert(data.error);

}else

{

alert(data.message);

}

}

},

error: function (data, status, e)//服务器响应失败处理函数

{

alert(e);

}

}

)

return false;

}

这是ajax的方法写的组件中的方法,前台只需写一个简单的input的text框和一个简单的buttton按钮,然后通过jquery调用就可以实现。

然后给大家看一下后台代码:

string path = servletactioncontext.getrequest().getrealpath("/upload");

try {

file f = this.getfile();

if(this.getfilefilename().endswith(".exe")){

message="对不起,你上传的文件格式不允许!!!";

return error;

}

fileinputstream inputstream = new fileinputstream(f);

fileoutputstream outputstream = new fileoutputstream(path + "/"+ this.getfilefilename());

byte[] buf = new byte[1024];

int length = 0;

while ((length = inputstream.read(buf)) != -1) {

outputstream.write(buf, 0, length);

}

inputstream.close();

outputstream.flush();

} catch (exception e) {

e.printstacktrace();

message = "对不起,文件上传失败了!!!!";

}

return success;

}

后台只需要一个简单的输入输出流就可以实现,将你要上传的文件通过前台的ajax提交到对应的action类。是不是很简单?比起很多方法它要简单的多,类型除了.exe的文件都可以上传。但是使用的过程是要注意一点,使用的时候,要注意它也是基于struts的基础上来实现的,所以再你使用这个组件之前你得搭配好struts 2的配置环境,而且jar包何总必须有struts2-json-puligun.jar这个包,大家使用的时候一定要多注意。

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/