Ajax

页面定义文件标签

<!--
	accept="image/png" ：代表筛选出 png 后缀的 image 文件
-->
<input type="file" accept="image/png" class="form-control input-sm" id="file_update">

JavaScript脚本接收文件

var file = document.getElementById("file_update").files[0];

通过 formDate 打包（formDate 数据结构实际上是Map）

var formDate = new FormData();
formDate.append("file", file);

通过 Ajax 发送到后台

$.ajax({
    type:'post',
    url: baseUrl + '/userController/updateAccount',
    data:formDate,
    // datatype:'text',
    processData: false,
    contentType: false,
    async: true,
    success:function (result) {
        
    },
    error:function () {
        
    }
});

后台接收媒体文件，并保存到本地

public boolean insertAccount(@RequestParam("file") MultipartFile file){
    File convFile = new File("D:\\img\\" + name + ".png");
        try {
            if(convFile.exists()){
                log.info("正在替换同名文件：" + name + ".png");
            }
            convFile.createNewFile();	//相同的文件名默认替换
            FileOutputStream fos = new FileOutputStream(convFile);
            fos.write(file.getBytes());
            fos.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return true;
    }