如何使用jquery裁剪器发送表单数据

Question

我正在使用裁剪器 jquery 库，现在我正在向服务器发送 POST 请求，其中包含表单数据和裁剪的图像

 display_img.cropper('getCroppedCanvas').toBlob(function (blob) {
    var formData = new FormData();
    formData.append('croppedImage', blob);
    var data = {
        name: name,
        description: description,
        croppedImage: formData,
        nsfw: nsfw,
        cover: cover,
        pictures: pictures,
        videos: videos,
        mods: mods,
    };
    $.ajax({
        type: 'POST',
        url: '/kategorija',
        data: data,
        processData: false,
        contentType: false,
        success: function (data) {
            console.log(data);
        },
        error: function (err) {
            console.log(err);
        }
    });
});

但这不起作用，因为在服务器上我收到空请求。当我从数据中删除croppedImage时，在 ajax processData 和 contentType 中，它可以工作并且我会收到所有其他数据。那么，如何发送包含其他数据的formData呢？

Answer 1

您必须将所有数据添加到 FromData 对象(通过追加(，然后将 FormData 对象作为 ajax 请求中的数据参数传递。