gpt4 book ai didi

axios - 将图片从数据 url 上传到 Axios?

转载 作者:行者123 更新时间:2023-12-04 21:04:43 27 4
gpt4 key购买 nike

我一直在使用这个将图像文件上传到 API (Graphcool),并且一切正常:

fileUpload(file) {
let data = new FormData();
data.append('data', file);

axios
.post(`https://api.graph.cool/file/v1/MY-PROJECTID`, data, {
headers: {
'Content-Type': 'multipart/form-data',
},
})
.then(res => {
console.log(res)
});
}

在上面的代码中,文件是从 <input type="file" /> 传递过来的。

但是现在我使用 React Avatar Editor 来允许用户裁剪图像并确保它们是正方形:
https://github.com/mosch/react-avatar-editor

当您从 React Avatar Editor 访问图像时,它以数据 url 的形式出现(通过 Canvas.toDataURL())。

如何使用 Axios 上传数据 url?我是否需要先将图像转换为浏览器内存中的实际"file"?

最佳答案

这是下面线程的副本,只是用不同的语言
Sending canvas.toDataURL() as FormData
您需要像下面这样更改代码

    function fileUpload(canvas) {
let data = new FormData();
canvas.toBlob(function (blob) {
data.append('data', blob);

axios
.post(`https://api.graph.cool/file/v1/MY-PROJECTID`, data, {
headers: {
'Content-Type': 'multipart/form-data',
},
})
.then(res => {
console.log(res)
});
});
}

关于axios - 将图片从数据 url 上传到 Axios?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49228118/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com