jquery+springboot实现文件上传功能

本文实例为大家分享了jquery+springboot实现文件上传功能的具体代码，供大家参考，具体内容如下

前端

 

    
    
    
    
    
    
    
    

 

    -----------form submit--------------
    

    -----------单文件--------------
    

        
        

            
            
        

    
    -----------单文件+参数->RequestParam接收参数--------------
    

        
        name：
        

            
            
        

    
    -----------单文件+参数->对象接收参数--------------
    

        
        aaa:
        bbb:
        ccc:
        

            
            
        

    
 
    -----------多文件（参数传递和单文件一致）--------------
    

        
        

            
            
        

    
    ------------文件夹(文件夹下的所有文件)-------------
    

        
        

            
            
        

    
    ------------Ajax通过FormData上传文件-------------
    

    ------------1.使用form表单初始化FormData对象方式上传文件-------------
    
        
    

        aaa:
        bbb:
        ccc:
        input
        

            单input提交
            清空1
            清空2
        

    
    ------------2.使用FormData对象添加字段方式上传文件-------------
    

        aaa:
        bbb:
        ccc:
        input
        多文件提交
        input
        

            单input提交
            多文件提交
            多input提交
            清空1
            清空2
        
    
    后端MultipartFile怎么接受，看前端formData.append 怎么构建
    

    formData.append("meFile", File对象)-->MultipartFile
    

    formData.append("meFile", 多File对象)-->MultipartFile[]
 
    
    
    

 

后端

@RestController
@RequestMapping({ "/metadata/metaTables" })
public class MetaTablesController
{
    
 
    @PostMapping("single-file")
    public void singleFile(@RequestParam("meFile")MultipartFile multipartFile){
        System.out.println();
    }
    @PostMapping("single-file-param")
    public void singleFile(@RequestParam("meFile")MultipartFile multipartFile,@RequestParam("name")String name){
        System.out.println();
    }
    @PostMapping("single-file-object")
    public void singleFile(@RequestParam("meFile") MultipartFile multipartFile, Test test){
        System.out.println();
    }
    @PostMapping("many-file")
    public void manyFile(@RequestParam("meFile")MultipartFile[] multipartFile){
        System.out.println();
    }
    @PostMapping("dir")
    public void dir(@RequestParam("meFile")MultipartFile[] multipartFile){
        System.out.println();
    }
    @PostMapping("ajax-formdata")
    public void ajaxFormData(@RequestParam("meFile")MultipartFile multipartFile, Test test){
        System.out.println();
    }
    //对象接收用@RequestPart 传递json字符串，其他用 @RequestParam
    @PostMapping("ajax-formdata1")
    public void ajaxFormData1(@RequestParam("meFile")MultipartFile multipartFile, @RequestPart("test") Test test, @RequestParam("num")int num){
        System.out.println();
    }
    @PostMapping("ajax-formdata2")
    public void ajaxFormData2(@RequestParam("meFile")MultipartFile[] multipartFile,@RequestPart("test")  Test test){
        System.out.println();
    }
    @PostMapping("ajax-formdata3")
    public void ajaxFormData3(@RequestParam("meFile")MultipartFile[] multipartFile, @RequestParam("num")int num){
        System.out.println();
    }
 
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。