使用jQuery发送base64图片列表时Node.js服务端收不到images参数如何解决

问题根因 #

traditional: true 配置会强制jQuery使用浅层序列化方式处理数组，导致图片列表参数无法被服务端正常解析；此外默认的表单编码格式传输大型base64数组也容易出现解析异常。

解决方案 #

方案1（推荐）：改用JSON格式传输

1. 修改前端AJAX配置，移除traditional参数，新增JSON格式声明，将参数序列化后传输：

$.ajax({
    url: '/post_vehicle',
    type: "POST",
    contentType: 'application/json',
    data: JSON.stringify({
        images: list,
        brand: $('.post_brand :selected').text(),
        model: $('.post_mark :selected').text(),
        location: $('.post_location :selected').text(),
        year: $('.post_year :selected').text(),
        fuel_type: $('.post_fuel_type :selected').text(),
    })
})

2. 服务端配置对应JSON解析中间件（以Express为例），确保容量限制配置正确：

app.use(express.json({ limit: '50mb' }));

方案2：保留表单编码格式传输

移除traditional: true配置，jQuery默认的深层序列化规则可正确传递数组参数，同时服务端需配置表单解析的容量限制：

// 服务端Express配置示例
app.use(express.urlencoded({ limit: '50mb', extended: true }));

额外注意事项 #

你原有代码中fuel_type的选择器遗漏了类选择器的点号，原写法$('post_fuel_type :selected')需修正为$('.post_fuel_type :selected')，避免该参数传值异常。

内容的提问来源于stack exchange，提问作者Kasadin