ajax,MultipartFile图片上传

1.html 结构

<div id="uploadForm">
    <input id="file" type="file"/>
    <button id="uploadimg" type="button">uploadimg</button>
</div>

 2.js

$("#uploadimg").on("click", function () {  
        var file = $('#file')[0].files[0];  
        var formData = new FormData();  
        formData.append("file_data", file);  
        formData.append("type", "1");  
        $.ajax({  
            url: url,//请求路径  
            type: 'POST',  
            cache: false,  
            data: formData,  
            processData: false,  
            contentType: false,  
            success: function (data) {  
            },  
            error: function (err) {  
            }  
        });  
    });

3.controller 

@RequestMapping(value = "/fileUpload",method = RequestMethod.POST)  
    public JSONObject fileUpload(@RequestParam("file_data") MultipartFile file_data, @RequestParam("type") String type,  
                                 HttpServletRequest request){  
        JSONObject result = new JSONObject();  
        Path tempPath =Paths.get(Commonconstants.FILE_TEMP_PATH);  
        tempPath = tempPath.resolve(type);  
        Path realPath = Paths.get(rootPath,tempPath.toString());  
        if (!Files.exists(realPath)){  
            try {  
                Files.createDirectories(realPath);  
            } catch (IOException e) {  
                result.put(Commonconstants.CODE,1);  
                result.put(Commonconstants.MESSAGE,e.getLocalizedMessage());  
                e.printStackTrace();  
                return result;  
            }  
        }  
        String fileName = UUID.randomUUID().toString().replace("-","")+".jpg";  
        tempPath = tempPath.resolve(fileName);  
        realPath = realPath.resolve(fileName);  
        try {  
            file_data.transferTo(realPath.toFile());  
        } catch (IOException e) {  
            result.put(Commonconstants.CODE,1);  
            result.put(Commonconstants.MESSAGE,e.getLocalizedMessage());  
            e.printStackTrace();  
            return result;  
        }  
        result.put(Commonconstants.CODE,0);  
        result.put("url",tempPath.toString());  
        return result;  
    }

参考的原文：https://blog.csdn.net/q394503873/article/details/80737323