首页 > 开发 > AJAX > 正文

基于ajax实现文件上传并显示进度条

2024-09-01 08:33:33
字体:
来源:转载
供稿:网友
这篇文章主要介绍了基于ajax实现文件上传并显示进度条,需要的朋友可以参考下
 

下面给大家分享下基于ajax实现文件上传并显示进度条。在jsp部分,需要设计一个表单,form的属性添加 enctype="multipart/form-data",设计一个iframe,作为隐藏。form的target等于iframe的name;

在servlet部分:文件上传用的Commons-FileupLoad,需要两个Jar,commons-fileupload和commons-io,少了第二个会报出找不到类的异常;

第一个servlet处理上传,及把上传进度保存到session,第二个servlet处理ajax请求,回传session保存的进度值;

进度条:可以用ajax拿到回传的进度值,改变图片的width实现变化;

jsp代码:

?
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表