使用Ajax上传文件（图片），对springMVC的配置，核心配置文件和注解方式（idea）

在Spring MVC中，要使用Ajax上传文件，你需要配置multipart文件解析器，并且在控制器中处理上传的文件。以下是一个简化的例子：

1. 在Spring的配置文件中（例如applicationContext.xml），配置multipart文件解析器：

<bean id="multipartResolver"
      class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <!-- 设置上传文件的最大尺寸 -->
    <property name="maxUploadSize" value="100000"/>
    <property name="maxInMemorySize" value="10000"/>
</bean>

2. 在你的Controller中添加一个方法来处理Ajax文件上传请求：

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
 
@Controller
public class FileUploadController {
 
    @PostMapping("/upload")
    @ResponseBody
    public String handleFileUpload(@RequestParam("file") MultipartFile file) {
        if (!file.isEmpty()) {
            try {
                // 保存文件的逻辑
                byte[] bytes = file.getBytes();
                // 使用文件的bytes或者文件名保存文件
                String fileName = file.getOriginalFilename();
                // 文件保存的逻辑...
                return "文件上传成功: " + fileName;
            } catch (Exception e) {
                return "文件上传失败: " + e.getMessage();
            }
        } else {
            return "文件上传失败，文件为空";
        }
    }
}

3. 使用Ajax调用这个接口：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function uploadFile() {
    var formData = new FormData();
    var fileInput = document.getElementById('fileInput');
    var file = fileInput.files[0];
    formData.append('file', file);
 
    $.ajax({
        url: '/upload',
        type: 'POST',
        data: formData,
        processData: false,  // 告诉jQuery不要处理发送的数据
        contentType: false,  // 告诉jQuery不要设置内容类型头
        success: function(response) {
            console.log(response); // 服务器响应
        },
        error: function() {
            console.log('上传失败');
        }
    });
}
</script>
 
<input type="file" id="fileInput" />
<button onclick="uploadFile()">上传文件</button>

确保你的项目中包含了jQuery库，并且正确配置了Spring MVC。这样就可以通过Ajax异步上传文件到后端。