使用 ajax 发送图像，在 submitHandler 上使用 jquery 验证器答案

【问题标题】：Send image with ajax , using jquery validator on submitHandler使用 ajax 发送图像，在 submitHandler 上使用 jquery 验证器
【发布时间】：2016-02-10 18:15:27
【问题描述】：

在使用 jquery 验证器插件后，我尝试使用 ajax（在 submitHandler 内）发送两个图像，但我不知道我无法通过 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);

所以..这里穿了什么？

感谢您的帮助！，

【问题讨论】：

FormData 用作一组键值对。 developer.mozilla.org/en-US/docs/Web/API/FormData

标签： javascript jquery ajax jquery-validate

【解决方案1】：

我解决了这个..

只需在我的代码上更改一个小派对..

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)”，它工作正常！ =)

【讨论】：