axios 我正在尝试使用React js将图像上传到nodejs api,我需要如何上传的帮助

ncecgwcz  于 2022-11-05  发布在  iOS
关注(0)|答案(2)|浏览(190)

创建异步形实转换:

这是我的节点js api路由router.post('/', upload.single('image'), protect, setAd)
这是我的react js代码export const sellBike = (bikeData) => API.post("/", bikeData);
我的Reactjs api const API = axios.create({baseURL:"http://localhost:8000"});

xyhw6mcr

xyhw6mcr1#

通常在节点上传照片时,他们会使用multer包。你可以在它的文档上看到所有的细节。另外,你应该在请求的头上设置 multipart/form-data。下面是link
我想你可以在后台上传照片后,你看了这些链接

9jyewag0

9jyewag02#

我项目中的例子:
1.将img转换为字符串
img.到数据URL()
1.发布到后端
(=axios.post=
1.获取并保存
profile.post。const {化身} =请求主体;/^数据:图像/\w+; base64、/、“”); const buf =缓冲区.from(数据,“base64”);

const login = await pool.query(
  "SELECT login FROM accounts WHERE id = $1", [id]
);

fs.writeFile(`${userImgPath}/app_data/images/users/${login.rows[0].login}.png`,

如果(err)=〉{如果(err)抛出错误; console.log('文件已保存!');}); } catch(错误:任何){控制台.错误(错误消息);} });

相关问题