使用Ajax发布BLOB图像，使用Spring Boot接收

// 将图像数据转换为Base64编码的字符串
function getBase64Image(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;

    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);

    var dataURL = canvas.toDataURL("image/png");
    return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}

// 发布图像
function publishImage() {
    var img = document.getElementById("image");
    var base64Data = getBase64Image(img);

    // 发送Ajax请求
    $.ajax({
        url: "/upload",
        type: "POST",
        data: {
            image: base64Data
        },
        success: function(response) {
            console.log("Image published successfully");
        },
        error: function(xhr, status, error) {
            console.error("Failed to publish image: " + error);
        }
    });
}

@RestController
public class ImageController {

    @PostMapping("/upload")
    public void uploadImage(@RequestParam("image") String base64Data) {
        // 解码Base64图像数据
        byte[] imageData = Base64.getDecoder().decode(base64Data);

        // 将图像数据保存为BLOB类型
        // TODO: 保存图像数据到数据库或文件系统
    }
}