Node + react js在发布请求中增加上传文件大小

Posted

技术标签:

【中文标题】Node + react js在发布请求中增加上传文件大小【英文标题】:Node + react js increse upload file size in post request 【发布时间】:2019-12-13 08:13:37 【问题描述】:

如何在 Node + react 中增加上传文件的大小

我已成功上传 100k 计数 (14 mb) 的 csv 文件

但对于 500K 或 1000K 。应用程序崩溃..

我看到了类似的帖子,但是使用 express js 来限制文件大小

我正在使用 fetch

fetch(url, 
        method: 'post',
        credentials: "same-origin",
        headers: 
            'user_token': sessionStorage.getItem('token'),
            'Accept': 'application/json',
            'Content-Type':'application/json',
        ,          
        body: JSON.stringify(
        'uploadedData': this.state.uploadedData,
        ),
    )
    .then(response => response.json())
    .then(json => 

    )

我已尝试删除

'Accept': 'application/json',
'Content-Type':'application/json',

或使用

'Content-Type':'multipart/form-data',

但这不起作用

我正在使用 laravel 服务器,我也增加了 php.ini 的上传文件大小限制 .. 仍然没有结果

有什么办法可以增加文件大小??

【问题讨论】:

你能分享崩溃数据吗?是服务器端的故障吗? 错误“aw snap,出了点问题”..没有详细信息 尝试在 fetch 之后立即将其添加到 then 块中。if (response.ok) return response.json(); else throw new Error('Something went wrong'); 这能回答你的问题吗? Node.js: how to limit the HTTP request size and upload file size? 它使用 express js 设置文件限制 【参考方案1】:

在 expressjs 中试试这个以增加大小限制

app.use(bodyParser.json( limit: '50mb' ));
app.use(bodyParser.urlencoded( limit: '50mb', extended: true ));

【讨论】:

以上是关于Node + react js在发布请求中增加上传文件大小的主要内容,如果未能解决你的问题,请参考以下文章

如何在上传后立即接收 Cloudinary 图像 URL(React JS 和 Node Js)?

在 Node.js 中使用 POST 请求上传文件

node.js+react全栈实践-Form中按照指定路径上传文件并

从 react js / node js 将文件对象上传到天蓝色存储

如何在 expo 中禁用 https-only fetch 请求 react native/node js

React-native node.js 显示错误:多部分:使用 react-native-image-picker 上传图像时未找到边界