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();
}

 

posted @ 2021-02-02 10:23  吃葡萄不吐皮zZ  阅读(507)  评论(0)    收藏  举报