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

时间:2017-12-29 04:37:35

标签: javascript jquery html ajax spring-mvc

我想使用ajax或任何其他方法将Image发送到数据库。以下是我使用的img标签,这是我用过的一个表单,我使用ajax请求发送表单数据如何使用ajax请求将img发送到spring引导后端。

ajax请求(不包括图像)

function save(){

    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) {



            }
        });

2 个答案:

答案 0 :(得分: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) {
}
 })
}));

答案 1 :(得分:0)

不能将此问题标记为欺骗,但这里是一个类似的问题(也是重复的): Pass an image through AJAX