jsp中使用jquery的ajaxfileupload插件怎么实现异步上传

Posted 2023-05-05

<script type=text/javascript src=js/jquery.js</script<script type=text/javascript src=js/ajaxfileupload.js</script<!-- 执行上传文件操作的函数 --<script type=text/javascriptfunction ajaxFileUpload()$.ajaxFileUpload(url:'update.do?method=uploader', //需要链接到服务器地址secureuri:false,fileElementId:'houseMaps', //文件选择框的id属性dataType: 'xml', //服务器返回的格式，可以是jsonsuccess: function (data, status) //相当于java中try语句块的用法$('#result').html('添加成功');,error: function (data, status, e) //相当于java中catch语句块的用法$('#result').html('添加失败'););</script</head<body<form method=post action=update.do?method=uploader enctype=multipart/form-data<input type=file id=houseMaps name=houseMaps/<input type=button value=提交 onclick=ajaxFileUpload()/</form<div id=result</div</body</html服务器代码：public class UpdateAction extends DispatchAction public ActionForward uploader(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServletResponse response) UpFormForm upFormForm = (UpFormForm) form;FormFile ff = upFormForm.getHouseMaps();try InputStream is = ff.getInputStream();File file = new File(D:/ + ff.getFileName()); //指定文件存储的路径和文件名OutputStream os = new FileOutputStream(file);byte[] b = new byte[1024];int len = 0;while((len = is.read(b)) != -1)os.write(b, 0, len);os.close();is.close(); catch (Exception e) 参考技术A jquery的AsyncFileUpload控件，就是用来对文件进行异步上传的，示例如下：
1、前台代码：
<ajaxToolkit:AsyncFileUpload OnClientUploadError="uploadError" OnClientUploadComplete="uploadComplete"
runat="server" ID="AsyncFileUpload1" Width="400px" UploaderStyle="Modern"
UploadingBackColor="#CCFFFF"
onuploadedcomplete="AsyncFileUpload1_UploadedComplete" />
2、后台代码：
protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)

AjaxControlToolkit.AsyncFileUpload fileUploader = sender as AjaxControlToolkit.AsyncFileUpload;
if (fileUploader != null && fileUploader.HasFile)

fileUploader.SaveAs(Server.MapPath("/Resource/UploadFile/" + fileUploader.FileName));

jquery+ajax实现动态加载表单

参考技术A 场景：
springMVC+jquery+ajax+jsp实现在页面中输入数字后，点击按钮，表单中自动加载指定行数据。

1、user实体类

2、创建controller组件类。
toDymyuser（）方法用于跳转到jsp页面
getMyUserClass（）方法用于jsp页面的数据加载来源

3、新增jsp页面
1）、获取当前服务路径bathpath
2）、引入jquery包，这里直接使用的是 http://cdn.static.runoob.com 下的jquery包，在浏览器中输入该地址可访问，即为可用
3）、引入style样式，让页面简洁美观
4）、在script中，使用ajax时，需要传入参数便于动态显示表格，所以需要与controller层交互，这里使用post的方式，并在url中引入controller中设置的地址，数据传输成功后，动态追加到htmltxt中，最后使用jquery选择器将htmltxt传到元素的html即可。

4、使用springMVC必须要配置web.xml文件

5、web.xml中使用到了/spring-mvc-servlet.xml，所以要在web-inf目录下新增该文件

6、启动tomcat，在浏览器中输入： http://localhost:8080/dyuser 。效果如下