带有formdata的Ajax请求返回错误'请求实体太大'

时间:2018-05-16 14:25:41

标签: javascript ajax html5 file-upload

我正在尝试使用FormData发送带有文件的表单,而在桌面现代浏览器中,它可以正常工作,但在移动设备中,我的代码会返回错误“请求实体太大”。 我已经在iphone 5s(iOS 11)Safari和Android Firefox上进行了测试。

有代码:

window.xhrJson = function (url, method, data, customParams) {
    return xhr(url, method, 'JSON', data, customParams);
};
window.xhr = function (url, method, dataType, data, customParams) {
    var params = {
        url: url,
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        method: method,
        dataType: dataType
    };
    if (typeof data !== 'undefined') {
        params.data = data;
    }
    if (typeof customParams !== 'undefined') {
        params = mergeOptions(params, customParams);
    }
    return $.ajax(params);
};
window.mergeOptions = function(obj1,obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
};

// Main function to upload form with files
window.upload = function ($form, url) {
    var xhr = xhrJson(url, 'POST', new FormData($form[0]), {
        contentType: false,
        processData: false
    });
    xhr.fail(function (data, status, err) {
        alert(err);
    }).done(function (data) {

    });
    return xhr;
};

1 个答案:

答案 0 :(得分:0)

好的,我发现了这个问题。我的手机使用的本地代理服务器没有正确配置。