显示来自React中URL的图像
显示来自React中URL的图像
提问于 2021-05-23 11:19:58
我正在尝试从一个S3桶加载用户化身，在这个桶中，在向/uploads/resume/{user_uid}发出GET请求时，图像返回一个URL。我的请求就是这样
const getAvatar = async() => {
var myHeaders = new Headers();
myHeaders.set('Authorization', 'Basic ' + credentials);
var requestOptions = {
method: 'GET',
headers: myHeaders,
redirect: 'follow'
};
let response;
try {
response = await fetch (`${APIlink}/uploads/resume/${user_uid}`, requestOptions)
} catch (err) {
console.log("Failed");
return;
}
const result = await response.text();
setAvatarURL(result);
console.log(avatarURL);
};那我就知道
<img src={avatarURL}/>在我的呈现方法中，显示用户的化身，但没有显示任何内容。在对图像标记执行检查元素时，我看到URL中有一个额外的双引号，类似于这个<img src=""URL""> avatarURL应该是一个字符串，那么为什么会有另外一对引号呢？
做console.log(avatarURL);会给我带来"https://i*******“这样的东西
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-23 11:26:18
试着这样做：
<img src={avatarURL.replace(/['"]+/g, '')}/> // to remove extra double quotes页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67659150
复制相关文章
相似问题
腾讯云开发者
