У меня есть конечная точка WebApi2, возвращающая FileStreamResult.Выполняя авторизованный POST-запрос jwt, я могу видеть картинку в ответе в Chrome dev tools Tab Tab на панели Network.
Кроме того, я могу видеть созданный URL-адрес, но на вкладке «Предварительный просмотр» файл не отображается, и когда я открываю URL-адрес «blob: http: // .....», файл не открывается.При назначении также изображение не отображается, кроме HTML-изображения по умолчанию со значением alt.
Есть предложения, почему созданный URL не работает?У меня такое чувство, что я что-то делаю неправильно.Заранее спасибо.
axios.create({
baseURL: '....',
headers: {
'responseType':'blob',
'Authorization': typedJwt,
},
})
.get('api/user/image/thumb100x100', {
params: {
imageMetadataId: user.profile.profileImage.id,
contentType: "image/*"
// contentType: user.profile.profileImage.contentType
}
}).then(
const blob = new Blob([response.data], {type: 'image/*'});
const blobURL = URL.createObjectURL(blob);
// here I save the blobUrl to localStorage
);
...
<img src={localStorage.blobURL} alt="..." />
...
Axios Результат ответа:
...
URL-адрес BLOB-объекта:
...
Странные данные ответа:
