首页 > Web开发 > 详细

FormData 上传文件

时间:2017-11-20 18:45:11      阅读:192      评论:0      收藏:0      [点我收藏+]

html:

<div id="test">
  <form id="uploadForm"><!--这里我没有添加enctype="multipart/form-data",也可以使用,没有出问题-->
   <input type="file" name="testFile" value="选择文件">
   <input type="button" value="添加" id="mikasa">
  </form>
 </div>

 

js:

<script type="text/javascript">
  $("#mikasa").click(function(){
   $("#test div").remove();
    var formData = new FormData($( "#uploadForm" )[0]);  
        $.ajax({  
             url: ‘/aToB‘ ,  
             type: ‘POST‘,  
             data: formData,  
             async: false,  
             cache: false,  
             contentType: false,  
             processData: false,  
             success: function (returndata) {  
          $("#test").append(returndata); 
             },  
             error: function (returndata) {  
                 alert("出错了");  
             }  
        }); 
  });
 </script>

 

后台:

@RequestMapping("/aToB")
 @ResponseBody
 public String aToBl(@RequestParam("testFile")MultipartFile multipartFile) throws Exception {

 InputStream inputStream = multipartFile.getInputStream();
  
  return "xxx";
 }

FormData 上传文件

原文:http://www.cnblogs.com/SweetTooth/p/7867309.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!