ajax上传文件

上一章章节目录下一章 2018-12-07已有331人阅读 评论(0)

ajax上传文件


解决方法:

1.前端代码

<div style="margin-left: 20%;margin-top: 10%;">

    <form  id="uploadFile"  >

        <input  type="file" name="files" multiple="multiple" />

        <input type="hidden"  name="projectId"  value="1234"/>

    </form>

</div>


2.ajax代码:

<script>

     $("input[type='file']").on("change",function(){

         var formData = new FormData($( "#uploadFile" )[0]);

         $.ajax({

             type: "POST",

             contentType: false,

             processData: false,

             url:"/upload/uploadFile",  //url

             data:formData,

             async: false,

             error: function(request) {

                 alert("出错了");

             },

             success: function(data) {


             }

        });

  })

</script>


3.后台代码:

@ResponseBody

@RequestMapping(value="/uploadFile",method = RequestMethod.POST)

public String uploadFile(@RequestParam("files") MultipartFile[] files,String projectId) {

   return "null";

}


本文链接:http://www.yayihouse.com/yayishuwu/chapter/1740
0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交