java ssm图片上传_在SSM框架中使用ajax实现照片图片上传到服务器、显示以及选择图片之后在前端显示的功能...

要在SSM框架中使用Ajax实现图片上传到服务器、显示以及选择图片之后在前端显示的功能，可以按照以下步骤进行操作：

1. 在前端页面中添加一个上传图片的input标签，并使用Ajax将图片上传到后台Controller中。

2. 在Controller中使用SpringMVC的文件上传功能，将图片保存到服务器指定的路径中。

3. 在Controller中返回图片的访问路径，然后使用Ajax在前端页面中显示图片。

4. 如果需要实现选择图片之后在前端页面中显示，可以使用jQuery的Ajax和HTML5的File API来实现。首先，在前端页面中添加一个显示图片的img标签，然后通过jQuery选择文件，使用Ajax将文件上传到后台Controller中。在Controller中使用SpringMVC的文件上传功能，将图片保存到服务器指定的路径中。最后，在Controller中返回图片的访问路径，并使用File API在前端页面中显示图片。

具体实现细节参考以下代码：

前端页面：

<input type="file" id="fileUpload" name="fileUpload"/>

<img id="preview" src="" style="display:none;"/>

<script>
    $(function() {
        // 选择图片后显示预览图
        $("#fileUpload").change(function() {
            var file = this.files[0];
            var reader = new FileReader();
            reader.onload = function(e) {
                $("#preview").attr("src", e.target.result);
                $("#preview").show();
            }
            reader.readAsDataURL(file);
            // 使用Ajax上传图片
            var formData = new FormData();
            formData.append("file", file);
            $.ajax({
                url: "uploadImage",
                type: "POST",
                data: formData,
                contentType: false,
                processData: false,
                success: function(data) {
                    // 显示上传的图片
                    $("#preview").attr("src", data);
                }
            });
        });
    });
</script>

后台Controller：

@Controller
public class ImageController {

    @RequestMapping(value="/uploadImage", method=RequestMethod.POST)
    @ResponseBody
    public String uploadImage(@RequestParam("file") MultipartFile file) {
        String fileName = UUID.randomUUID().toString() + ".jpg";
        String filePath = "upload/" + fileName;
        try {
            // 保存图片到服务器
            file.transferTo(new File(filePath));
            // 返回图片的访问路径
            return filePath;
        } catch (Exception e) {
            e.printStackTrace();
            return "";
        }
    }
}

注意事项：

1. 在Controller中需要添加`@ResponseBody`注解，将返回值转换成JSON格式。

2. 在前端页面中需要添加jQuery和File API的引用。

3. 在服务器中需要设置文件上传的临时目录和上传文件的大小限制。