分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

FormData 上传文件

发布时间:2023-09-06 01:25责任编辑:林大明关键词:暂无标签

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved