欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

ajax前台multipartfile,在SpringBoot中使用Ajax方式MultipartFile上传失败

发布时间:2023/12/2 javascript 37 豆豆
生活随笔 收集整理的这篇文章主要介绍了 ajax前台multipartfile,在SpringBoot中使用Ajax方式MultipartFile上传失败 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

虽然在正常的html和表单方式下上传效果很好,但是切换到ajax却失败了,并且在调试模式下MultipartFile总是Null。

code below works fine

//html code

//java code

@RequestMapping(value = "/api/upload", consumes = "*/*", method = RequestMethod.POST)

public ResponseEntity upload(@RequestParam(value = "file", required = false) MultipartFile file, MultipartHttpServletRequest request) {

return new ResponseEntity(fileService.upload(file), HttpStatus.OK);

}

以下代码不起作用!

$(document).ready(function () {

$("#btnSubmit").click(function (event) {

event.preventDefault();

var form = $('#fileUploadForm')[0];

var data = new FormData(form);

$.ajax({

type: "POST",

enctype: 'multipart/form-data',

url: "/api/upload",

data: data,

processData: false,

contentType: false,

cache: false,

timeout: 600000,

success: function (data) {

console.log("SUCCESS : ", data);

$("#btnSubmit").prop("disabled", false);

}

});

});

});

有人在这里提供一些线索吗?

总结

以上是生活随笔为你收集整理的ajax前台multipartfile,在SpringBoot中使用Ajax方式MultipartFile上传失败的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。