在reactJS使用“取”上载文件

在reactjs使用“取”上载文件

我想上传使用ReactJS文件。

handleUploadfile = (event) => {
        event.preventDefault();
        const data = new FormData();
        data.append('photo',event.target.files[0] );
        data.append('name', 'Test Name');
        data.append('desc', 'Test description');
        fetch("http://localhost:3001/todo/upload", {
             method: 'POST',
             headers: {
                 'Accept': 'application/json',
                 'Content-Type': 'application/x-www-form-urlencoded'
             },
             body: data
        }).then((response) =>  {
           return response.text();
        })
    }

出于某种原因，我不能（+ multer）服务器使用，在阅读的NodeJS的文件：

req.files

这显示“未定义”在帖子的路由器。

最后，我找到了解决办法

我不得不删除从报头部分中的“内容类型”，它使用multer制定出的NodeJS。

使用“多部分/格式数据”

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

要求我们设定的界限，因此它在投掷的NodeJS错误：“错误：多部分：边界找不到”

使用 “应用程序/ x-WWW的形式，进行了urlencoded”

'Content-Type': 'application/x-www-form-urlencoded'

我得到填补，但作为字符串，但无法访问单个值req.body。

因此最终的解决方案是去除的“内容 - 类型”

在reactJS使用“取”上载文件

在reactjs使用“取”上载文件

我想上传使用ReactJS文件。

handleUploadfile = (event) => {
        event.preventDefault();
        const data = new FormData();
        data.append('photo',event.target.files[0] );
        data.append('name', 'Test Name');
        data.append('desc', 'Test description');
        fetch("http://localhost:3001/todo/upload", {
             method: 'POST',
             headers: {
                 'Accept': 'application/json',
                 'Content-Type': 'application/x-www-form-urlencoded'
             },
             body: data
        }).then((response) =>  {
           return response.text();
        })
    }

出于某种原因，我不能（+ multer）服务器使用，在阅读的NodeJS的文件：

req.files

这显示“未定义”在帖子的路由器。

最后，我找到了解决办法

我不得不删除从报头部分中的“内容类型”，它使用multer制定出的NodeJS。

使用“多部分/格式数据”

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

要求我们设定的界限，因此它在投掷的NodeJS错误：“错误：多部分：边界找不到”

使用 “应用程序/ x-WWW的形式，进行了urlencoded”

'Content-Type': 'application/x-www-form-urlencoded'

我得到填补，但作为字符串，但无法访问单个值req.body。

因此最终的解决方案是去除的“内容 - 类型”