Spring MVC中 ajaxfileupload实现ajax上传文件

最新推荐文章于 2024-12-07 06:50:39 发布

萧学森

最新推荐文章于 2024-12-07 06:50:39 发布

阅读量198

点赞数

CC 4.0 BY-SA版权

分类专栏：点点分享

本文链接：https://blog.youkuaiyun.com/bug_zone/article/details/18034399

点点分享专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用Ajax技术实现文件上传的方法。通过JavaScript调用ajaxFileUpload函数，结合jQuery插件实现文件的选择与上传，并在服务器端处理文件保存及返回结果。

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

页面代码：

<html>
    
    <script type="text/javascript" src="js/jquery.js"></script>
      <script type="text/javascript" src="js/ajaxfileupload.js"></script>

    
      <script type="text/javascript">
          function ajaxFileUpload(){
               $.ajaxFileUpload(
                   {
                url:'update.do?method=uploader',            //需要链接到服务器地址
                secureuri:false,
                fileElementId:'houseMaps',                        //文件选择框的id属性
                dataType: 'json',                                     //服务器返回的格式，可以是json, xml
                success: function (data, status)            //相当于java中try语句块的用法
                {
                    $('#result').html('添加成功');
                },
                error: function (data, status, e)            //相当于java中catch语句块的用法
                {
                    $('#result').html('添加失败');
                }
            }

               );

          }
      </script>
  </head>

  <body>
      <div>
        <input type="file" id="houseMaps" name="houseMaps"/>
        <input type="button" value="提交" onclick="ajaxFileUpload()"/>
    </div>
    <div id="result"></div>

  </body>
</html>