jQuery AJAX 'multipart/form-data' 不发送数据? [英] jQuery AJAX 'multipart/form-data' Not Sending Data?

问题描述

我不知道为什么我无法让 jQuery 传递上传数据，因为 AJAX 对象似乎配置正确，并且正在发送正确的 Content-Type/MIME-Type 标头.

I'm at a loss for why I can't get jQuery to pass upload data seeing as the AJAX object appears to be configured correctly, and the correct Content-Type/MIME-Type headers are being sent.

我尝试了两种不同的请求形式——一种是将 FormData 对象包含在文字中，另一种是直接传递 FormData 对象.

I've tried two separate forms of request--one with a FormData object contained within a literal, and also just passing the FormData object directly.

不幸的是，无论哪种方式我都无法通过，$_FILES 和 $_POST 都是空数组.

Unfortunately either way I can't get anything to pass, and both $_FILES and $_POST are empty arrays.

我希望使用的理想请求如下:

The ideal request I wish to use is as follows:

连同以下代码:

var files = new FormData();

$.each(context.prototype.fileData, function(i, obj) { files.append(i, obj.value.files[0]); });

var request = { action: 'upload', id: response.obj.id, data: files };

$.ajax({

    type        : 'POST',
    url         : context.controller,
    data        : request,
    processData : false,
    contentType : 'multipart/form-data',
    mimeType    : 'multipart/form-data',

    success     : function(r) {
        console.log(r);
        //if (errors != null) { } else context.close();

    },

    error       : function(r) { alert('jQuery Error'); }

});

再一次，当我尝试导出 $_FILES 和 $_POST 时，唯一的响应(同时查看网络选项卡和控制台)只是两个空数组...

Once again the only response (looking at both the Network tab & Console) when I try to export both $_FILES and $_POST is simply two empty arrays...

推荐答案

你必须传递FormData对象作为数据参数

You have to pass the FormData object as the data parameter

var request = new FormData();                   
$.each(context.prototype.fileData, function(i, obj) { request.append(i, obj.value.files[0]); });    
request.append('action', 'upload');
request.append('id', response.obj.id);
$.ajax({

    type        : 'POST',
    url     : context.controller,
    data        : request,
    processData : false,
    contentType : false,                        
    success     : function(r) {
        console.log(r);
        //if (errors != null) { } else context.close();

    },

    error       : function(r) { alert('jQuery Error'); }

});

这篇关于jQuery AJAX 'multipart/form-data' 不发送数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！