结合struts2与json ajax上传文件
本人在做一个Ajax上传图片的时候遇到些问题,希望达人们给与帮助。
//用于ajax的JavaScript
function uploadFile(){
//请求地址
var url = "/communal/uploadPic.action";
var params = Form.Element.serialize('upload');
//创建Ajax.Request对象,对应于发送请求
var myAjax = new Ajax.Request(url,{ //请求方式:POST method:'post', //请求参数 parameters:params, //指定回调函数 onComplete: processResponseName, //是否异步发送请求 asynchronous:true }); }
function processResponseName(request)
{
var action = request.responseText.parseJSON();
var picUrl = action.uploadFileName;
$("imgpath").value=picUrl;
}
<form id="picForm" name="picForm" method="post" enctype="multipart/form-data" onSubmit="uploadFile();">本地上传:
<input type="file" id="upload" name="upload" style="border: 1px solid #7e9eb7; width: 180px;"><input type="submit" value="上传"></form>
如果params 发送的是普通input,那么Ajax就会很正常,但是如果params 发送的是文件域,就会出问题,问题如下:
这是个Js问题,,
Line:1542
Char:5
Code:0
Error:缺少对象
//用于ajax的JavaScript
function uploadFile(){
//请求地址
var url = "/communal/uploadPic.action";
var params = Form.Element.serialize('upload');
//创建Ajax.Request对象,对应于发送请求
var myAjax = new Ajax.Request(url,{ //请求方式:POST method:'post', //请求参数 parameters:params, //指定回调函数 onComplete: processResponseName, //是否异步发送请求 asynchronous:true }); }
function processResponseName(request)
{
var action = request.responseText.parseJSON();
var picUrl = action.uploadFileName;
$("imgpath").value=picUrl;
}
<form id="picForm" name="picForm" method="post" enctype="multipart/form-data" onSubmit="uploadFile();">本地上传:
<input type="file" id="upload" name="upload" style="border: 1px solid #7e9eb7; width: 180px;"><input type="submit" value="上传"></form>
如果params 发送的是普通input,那么Ajax就会很正常,但是如果params 发送的是文件域,就会出问题,问题如下:
这是个Js问题,,
Line:1542
Char:5
Code:0
Error:缺少对象
...全文
相关推荐
Struts AJAX文件上传
在实际开发中,还可以结合其他技术和最佳实践,如使用第三方库如Struts2 jQuery Plugin,进一步简化文件上传的实现。
Struts2与JQuery结合JSON实现Ajax异步加载
本文还有配套的精品资源,点击获取 简介:Struts2JQueryJson是一种将Struts2框架与jQuery库结合使用,通过JSON格式进行Ajax异步加载的技术方案。它提升Web应用的用户体验,通过无刷新页面更新来增强交互性和响应速度。本方案中,Struts2框架处理业务逻辑,jQuery库负责发起Ajax请求并更新页面元素,而JSON作为一种轻量级的数据交换格式,...
struts2 ajax图片上传
通过以上步骤,我们就实现了Struts2结合Ajax的图片上传功能。Struts2提供了很好的集成JSON支持,使得与前端交互变得更加便捷。
java struts2实现文件上传进度条显示
总结起来,实现Java Struts2文件上传进度条显示的关键步骤包括:1. 配置Struts2 Action支持文件上传。2. 使用Ajax异步请求,通过JSON或自定义拦截器获取上传进度。3.
struts2异步上传
**总结** Struts2异步上传结合了Struts2框架、jQuery、Ajax、JSON插件和文件处理策略,为用户提供了无刷新的文件上传体验。


