springBoot+ajax文件上传
注意点:
1:<form>
标签添加enctype="multipart/form-data"
属性
2:需要建form对象doc强制转化FormData对象,进行二进制转换,否则转换失败。ps:对表单$(form).serialize()序列化时,file无法转换为二进制
3:processData
设置为false
。因为data
值是FormData
对象,不需要对数据做处理。
4:cache设置为false
,上传文件不需要缓存。
5:contentType
设置为false
。因为是由<form>
表单构造的FormData
对象,且已经声明了属性enctype="multipart/form-data"
,所以这里设置为false。
var $form = $("form[name='saveAndUpdate']"); var formData = new FormData($form[0]);//FormData构造器接收的是一个form的DOM对象 $.ajax({ url: "saveAndUpdate", type: 'POST', async: false, cache:false, data: formData, //要想用jquery的ajax来提交FormData数据, //则必须要把这两项设为false processData: false, contentType: false, success: function (data) { }, error: function (e) { } });
PS:springBoot 后台使用@RequestParam("cerFile") MultipartFile file接受上传对象。ps:@RequestParam必须有,值对应html中file类型的name参数
path:文件夹路径
File file1 = new File(path); if (!file1.exists()) { //根据目录创建文件夹(包涵父文件夹) file1.mkdirs(); } try { file.transferTo(new File(file1,traNo+"_"+file.getOriginalFilename())); } catch (IOException e) { e.printStackTrace(); }