Spring MVC中 ajaxfileupload实现ajax上传文件

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

萧学森

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

阅读量196

点赞数

分类专栏：点点分享

本文链接：https://blog.csdn.net/bug_zone/article/details/18034399

版权

点点分享专栏收录该内容

12 篇文章

订阅专栏

页面代码：

<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="提交" οnclick="ajaxFileUpload()"/>
    </div>
    <div id="result"></div>

  </body>
</html>