我想使用 ajax 或任何其他方法将图像发送到数据库

Posted 2023-03-10

【中文标题】我想使用 ajax 或任何其他方法将图像发送到数据库

【英文标题】：I want to send Image to database using ajax or any other method

【发布时间】：2018-06-09 14:11:09

【问题描述】：

。以下是我使用的 img 标签，这是我使用的表单，我使用 ajax 请求发送表单数据如何使用 ajax 请求将 img 发送到 Spring Boot 后端。

ajax 请求（不包括图片）

函数保存()

    if ((($("#lbl_firstname").html()) === " ") && (($("#lbl_lastname").html()) === " ") &&
        (($("#lbl_username").html()) === " ") && (($("#lbl_password").html()) === " ") &&
        (($("#lbl_retype_password").html()) === " ") && (($("#lbl_birthDate").html()) === " ") &&
        (($("#lbl_email_address").html()) === " ") && (($("#lbl_phone_number").html()) === " ")) 


        var postObj = ;
        postObj['username'] = $('#username').val();
        postObj['password'] = $('#password').val();
        postObj['email_address'] = $('#email_address').val();
        postObj['first_name'] = $('#firstname').val();
        postObj['last_name'] = $('#lastname').val();
        postObj['dob'] = $('#birthDate').val();
        postObj['phone_number'] = $('#phone_number').val();
        postObj['gender'] = $('#gender').val();

        $.ajax(
            url: 'http://localhost:8080/project_name/save/login_user',
            data: postObj,
            dataType: 'json',
            type: 'POST',
            success: function(data) 



            
        );

【问题讨论】：

不能将此问题标记为欺骗，但这里有一个类似的问题（也是重复的）：***.com/questions/25504659/pass-an-image-through-ajax

Pass an image through AJAX的可能重复

【参考方案1】：

请尝试 ajax 表单提交

$("#form_id").on('submit', (function(e) 
    e.preventDefault();
 $.ajax(
        url: "URL",
        type: "POST",
        data: new FormData(this),
        contentType: false,
        cache: false,
        processData: false,
        success: function(data) 

 )
));