如何使用 jquery cropper 发送表单数据？

Question

我正在使用 cropper 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 请求中。

如何使用 jquery cropper 发送表单数据？

How to send form data with jquery cropper?

ajax

jquery

cropper