ajaxfileupload是一款jQuery插件,用来实现文件的ajax方式上传功能。
下载地址:
[url]http://www.phpletter.com/download_project_version.php?version_id=6[/url]
在页面中使用ajaxfileupload其实很简单,在页面加入如下JavaScript代码:
[code]
function ajaxFileUpload()
{
$.ajaxFileUpload
(
{
url:'/ajax/upload.action',
secureuri:false,
fileElementId:'fileToUpload',
dataType: 'json',
success: function (data, status)
{
if(typeof(data.error) != 'undefined')
{
if(data.error != '')
{
alert(data.error);
}else
{
alert(data.msg);
}
}
},
error: function (data, status, e)
{
alert(e);
}
}
)
return false;
}
[/code]
下载下来的包中有一个例子,不过服务器是PHP。我们需要在服务器端使用Struts2,并且需要struts2返回json结果,因此struts2需要json插件,下载地址:
[url]http://jsonplugin.googlecode.com/files/jsonplugin-0.33.jar[/url]
struts.xml配置中的Action结果类型:
[code]
<action name="upload" class="...">
<param name="contentType" value="text/html"/>
<result type="json"></result>
</action>
[/code]
其中,contentType参数是一定要有的,否则浏览器总是提示将返回的JSON结果另存为文件,不会交给ajaxfileupload处理。这是因为struts2 JSON Plugin默认的contentType为application/json,而ajaxfileupload则要求为text/html。
下载地址:
[url]http://www.phpletter.com/download_project_version.php?version_id=6[/url]
在页面中使用ajaxfileupload其实很简单,在页面加入如下JavaScript代码:
[code]
function ajaxFileUpload()
{
$.ajaxFileUpload
(
{
url:'/ajax/upload.action',
secureuri:false,
fileElementId:'fileToUpload',
dataType: 'json',
success: function (data, status)
{
if(typeof(data.error) != 'undefined')
{
if(data.error != '')
{
alert(data.error);
}else
{
alert(data.msg);
}
}
},
error: function (data, status, e)
{
alert(e);
}
}
)
return false;
}
[/code]
下载下来的包中有一个例子,不过服务器是PHP。我们需要在服务器端使用Struts2,并且需要struts2返回json结果,因此struts2需要json插件,下载地址:
[url]http://jsonplugin.googlecode.com/files/jsonplugin-0.33.jar[/url]
struts.xml配置中的Action结果类型:
[code]
<action name="upload" class="...">
<param name="contentType" value="text/html"/>
<result type="json"></result>
</action>
[/code]
其中,contentType参数是一定要有的,否则浏览器总是提示将返回的JSON结果另存为文件,不会交给ajaxfileupload处理。这是因为struts2 JSON Plugin默认的contentType为application/json,而ajaxfileupload则要求为text/html。