服务器在axios中发送原始图像，如何将其转换为base64或其他使用该图像的方式
穆罕默德·努尔·萨维尔
从下面的链接，我得到一个图像。不幸的是，它在网络的检查元素的预览选项卡中显示了图像。但是在res.data中，它显示了损坏的文本。我将如何在img标签（如）中使用此图片。我还在控制台和预览中分享了返回给我的内容
export const getProfilePhoto = async (userType) => {
return await axios.get(`${API_URL}/staff/profile-photo`,{ headers : authHeader(userType) })
.then((res) => {
console.log(res.data)
})
}
这就是它在控制台中显示的内容
这就是预览中显示的内容
期待一些建议和解决方案
对不起，我很抱歉。
布拉德
理想情况下，您找到一种无需额外标题即可访问该图像的方法，因此您可以让浏览器直接处理它：
<img src="{API_URL}/staff/profile-photo" />
如果无法做到这一点，那么您将需要获取一个Blob并创建一个对象URL。
fetch(
`${API_URL}/staff/profile-photo`,
{
headers: authHeader(userType)
}
).then(res => res.blob()).then((blob) => {
img.src = URL.createObjectURL(blob);
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
- 上一篇：通过React Client Application连接到Ocelot Api Gateway中的SignalR集线器时出现未处理的拒绝（错误）（HttpError）
- 下一篇：我正在尝试将从API接收的数据放入表中，但什么也没显示
相关文章
Related 相关文章
- 1
图像裁剪后如何将base 64转换为图像文件，并需要上传服务器
- 2
如何将base64字符串转换为图像二进制文件并保存到服务器
- 3
无需服务器即可将图像转换为 base64
- 4
如何在Vue.Js中将图像URL从服务器（API / ImageURL）转换为Base64
- 5
使用 Axios 和 React Native 上传 base64 图像到服务器
- 6
如何将图像转换为base64
- 7
使用HttpUrlConnection Android将base64编码的图像发送到服务器
- 8
将stringstream转换为base64编码并将其发送到服务器ios
- 9
在Java中将base64字符串转换为服务器端的图像
- 10
angularJS从base64生成二进制数据图像并将其作为图像文件发送到服务器
- 11
如何在sails.js或通常在服务器端JavaScript中将图像转换为base64编码的数据URL？
- 12
将图像文件发送到服务器的最佳方式是什么：作为 base64 还是图像文件？
- 13
如何将捕获的图像或从图库中选择的图像转换为 base64？
- 14
从客户端向服务器发送图像数据（base64）
- 15
如何使用base 64对图像进行编码并将其使用android中的翻新2将其发布到服务器
- 16
如何将base64保存到cordova / ionic上的图像文件或上传到服务器？
- 17
如何使用javascript中的http.post将图像发送到服务器并在mongodb中存储base64
- 18
如何将Cordova图像选择器结果转换为Base64格式？
- 19
如何将Cordova图像选择器结果转换为Base64格式？
- 20
如何将图像转换为 base64 并在 androidX 中使用 kotlin 对其进行压缩？
- 21
如何将base64图像转换为UploadedFile Laravel
- 22
如何将Base64批量转换为Excel文件中的图像
- 23
如何将图像转换为文件中的Base64字符串？
- 24
如何将 PIL 图像数组转换为 base64 格式的 PDF 字符串？
- 25
如何将 guzzle 响应（从图像 url）转换为 base64
- 26
如何使用NodeJS作为后端从Android上传图像（Base64字符串）到服务器？
- 27
如何在服务器上的base64中上传图像
- 28
如何在C中将图像转换为base64？
- 29
如何在C中将图像转换为base64？
我来说两句