gpt4 book ai didi

node.js - 从经过身份验证的路由获取图像

转载 作者:太空宇宙 更新时间:2023-11-03 21:54:04 24 4
gpt4 key购买 nike

我有一个正在运行的图像上传前端/后端代码。现在我希望能够在上传后从服务器获取图像。

问题是图像必须位于经过身份验证的路由后面,用户必须在 header 或正文中传递 jwt token 。

当我尝试像这样获取图像时:

fetch(imageURL, {
method: 'GET',
headers: {
'x-access-token': localStorage.getItem('token')
}

我只是得到一个 Form 对象作为响应:

<img alt="Your pic" src="[object FormData]">

除了将网址粘贴到“src”属性中之外,是否还有其他方法可以将图像放入 HTML“img”标签中,因为这会导致401(未经授权)

最佳答案

您可以尝试以下代码片段:

const myImage = document.querySelector('img');

// I make a wrapper snippet which will resolve to a objectURL
function fetchImage(url, headers) {
return new Promise((resolve, reject) => {
fetch(url, headers)
.then(response => response.blob()) // sending the blob response to the next then
.then(blob => {
const objectUrl = URL.createObjectURL(blob);
resolve(objectUrl);
}) // resolved the promise with the objectUrl
.catch(err => reject(err)); // if there are any errors reject them
});
}

fetchImage(imageUrl, {
method: 'GET',
headers: {
'x-access-token': localStorage.getItem('token')
}
})
.then(objectUrl => myImage.src = objectUrl)
.catch(err => console.log(err));

另一个供您尝试的示例可以在以下位置找到: https://davidwalsh.name/convert-image-data-uri-javascript

关于node.js - 从经过身份验证的路由获取图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45454974/

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