springboot ajax文件上传

朱雀 2022-01-31 08:19 408阅读 0赞

前端

<form id="form-add" enctype="multipart/form-data">
    	<input type="text" name="name">
    	<input type="file" name="file">
      	<button type="button"  onclick="submitFunction()">提交</button>                
    </form>

ajax

function submitFunction() {
    	    var url = "..........";
            var formData = new FormData($("#form-add")[0]);
    	    $.ajax({
    			type: "post",
    			url: url,
                data : formData,
                cache: false,			 //不需要缓存
                processData : false,  	//必须false才会避开jQuery对 formdata 的默认处理
                contentType : false, 	 //必须false才会自动加上正确的Content-Type
    			success:function(data){
    				
    			},
    			error:function(){
    				alert("请求出错！");
    			}
    		});
    	}

后端  
application.yml

## 文件大小配置
    	spring:
    	  servlet:
    	    multipart:
    	      max-file-size: 20MB	  #单个文件带下
    	      max-request-size: 20MB	#总上传数据大小

controller

@RequestMapping(value = "/uploadFile", method = RequestMethod.POST)
        @ResponseBody
        public void uploadFile(HttpServletResponse response, HttpServletRequest request,
                   @RequestParam MultipartFile file,
                   @RequestParam String name) throws IOException {
            System.out.println(file.isEmpty());
            // 判断是否为空
            /*if (file != null && !file.isEmpty() && file.getSize()!=0) {
                // 上传文件、request请求、保存目录（upload/规范文章管理）、路径前缀
                String filePath = saveFile(file, request, UPLOAD_FILE_PATH, null);
                System.out.println(filePath);
            }*/
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，408人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax上传文件

关键代码如下： 1、form表单内容 <form id="form1" method="get" enctype="multipart/form-data"

蔚落/ 2024年02月18日 23:34/ 0 赞/ 104 阅读

相关 Ajax文件上传

> form表单提交会刷新页面，想局部刷新就想到用Ajax提交方式。 HTML： <div class="file-box" id="upload" styl

╰半橙微兮°/ 2023年06月14日 14:56/ 0 赞/ 27 阅读

相关 ajax 上传文件

<script src="${pageContext.request.contextPath}/jslib/jquery.form.js"></script>

向右看齐/ 2022年09月30日 03:36/ 0 赞/ 286 阅读

相关 AJAX文件上传

通过jQuery Ajax使用FormData对象上传文件字数664 阅读18622 评论14 喜欢15 FormData对象，是可以使用一系列的键值

约定不等于承诺〃/ 2022年09月23日 11:52/ 0 赞/ 274 阅读

相关 ajax上传文件

一般的时候都是用的struts提交表单进行文件上传我做了一个校验，想用ajax进行文件的验证，这时候就需要使用ajax上传文件进行验证首先需要一个js包

ゝ一世哀愁。/ 2022年09月18日 06:58/ 0 赞/ 312 阅读

相关 Ajax上传文件

![Center][] [Center]: /images/20220713/216f4d21f1aa43e18f434f697468a11c.png

末蓝、/ 2022年07月12日 23:11/ 0 赞/ 376 阅读

相关 ajax 上传文件

使用ajaxFileUpload来上传。参考地址： [http://zhangzhaoaaa.iteye.com/blog/2123021][http_zhangzh

逃离我推掉我的手/ 2022年06月18日 07:24/ 0 赞/ 330 阅读

相关 Ajax上传文件

[通过Ajax方式上传文件，使用FormData进行Ajax请求][Ajax_FormData_Ajax] 目前我做到的程度是可以实现上传多个文件，只是不是一次性选择，

布满荆棘的人生/ 2022年06月11日 08:23/ 0 赞/ 338 阅读

相关基于springboot的ajax异步文件上传

当我们在页面填写表格或资料的时候，大多数情况下选择文件并点击上传后我们并不会希望页面跳转，而是希望文件异步上传，我们则继续填写表格中的其他内容，今天遇到了这个问题，结合百度，整

电玩女神/ 2022年03月02日 11:22/ 0 赞/ 455 阅读

相关 springboot ajax文件上传

前端 <form id="form-add" enctype="multipart/form-data"> <input type="text" name=

朱雀/ 2022年01月31日 08:19/ 0 赞/ 409 阅读