在struts2中使用jQuery插件ajaxfileupload

最新推荐文章于 2025-08-18 17:55:19 发布

lijingzhu

最新推荐文章于 2025-08-18 17:55:19 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jquery插件 struts json function javascript 服务器

本文链接：https://blog.youkuaiyun.com/lijingzhu/article/details/7693833

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在Struts2框架下结合jQuery插件ajaxfileupload实现文件的AJAX上传功能。包括页面中引入的JavaScript代码示例、服务器端Struts2配置以及返回JSON结果的具体步骤。强调了通过正确配置服务器端的contentType参数解决浏览器接收JSON结果的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在struts2中使用jQuery插件ajaxfileupload

博客分类：
Java

jQuery json Ajax PHP Struts

ajaxfileupload是一款jQuery插件，用来实现文件的ajax方式上传功能。
下载地址：
http://www.phpletter.com/download_project_version.php?version_id=6

在页面中使用ajaxfileupload其实很简单，在页面加入如下JavaScript代码：

Java代码

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;

    }

下载下来的包中有一个例子，不过服务器是PHP。我们需要在服务器端使用Struts2，并且需要struts2返回json结果，因此struts2需要json插件，下载地址：
http://jsonplugin.googlecode.com/files/jsonplugin-0.33.jar
struts.xml配置中的Action结果类型：

</result>

</action>

其中，contentType参数是一定要有的，否则浏览器总是提示将返回的JSON结果另存为文件，不会交给ajaxfileupload处理。这是因为struts2 JSON Plugin默认的contentType为application/json，而ajaxfileupload则要求为text/html。