使用ajax发送图像，在SubmitHandler上使用jquery验证器 [英] Send image with ajax , using jquery validator on submitHandler

问题描述

在使用jquery验证程序插件后，我尝试使用ajax(在内部SubmitHandler中)发送两个图像，我不知道我不能接受并通过ajax发送该图像.

I trying to send two images with ajax (inside submitHandler) after using jquery validator plugin and i don't know hoy i cant take and send this image by ajax.

我的代码在这里:

var submitHandler = function(form) {

    var formData = form[0];
    var formData = new FormData(formData);

    $.ajax({
        url: 'function/savePreInscripcion.php',
        type: 'POST',
        data: formData,
        mimeType: "multipart/form-data",
        contentType: false,
        cache: false,
        processData: false,
        success: function(data){
            alert(data);
        }
    });
};

但是这不起作用.

此显示此错误:

TypeError: Argument 1 of FormData.constructor does not implement interface HTMLFormElement.
var formData = new FormData(formData);

所以..这儿穿什么?

感谢您的帮助！

推荐答案

我解决了这个问题.

只需对我的代码进行一些改动即可.

Just change a little party on my code..

var submitHandler = function(form) {
    $.ajax({
        url: 'function/savePreInscripcion.php',
        type: 'POST',
        data: new FormData(form),
        mimeType: "multipart/form-data",
        contentType: false,
        cache: false,
        processData: false,
        success: function(data){
            alert(data);
        }
    });
};

只需更改对表单的调用，然后将其直接放在数据上，然后添加下一个代码:"data:new FormData(form)"，它就可以正常工作！ =)

Just I change the call to the form and put this directly on the data whit the next code: "data: new FormData(form)" and it work fine! =)

这篇关于使用ajax发送图像，在SubmitHandler上使用jquery验证器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！