Image: support HTTP properties for 'source' objects #1019
Labels
has: pr
Subject of a pull request
needs: help
project:react-native-web
Issue associated with react-native-web
Milestone
Comments
|
Below is some detail on additional functionality this would fix (from #1080 by @brunolemos). I don't think it's possible using xhr.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
src = xhr.responseURL;
}
};The problemWhen using an Image URI that redirects to another one, the image is not rendered. // does not work:
<Image source={{ uri: 'https://twitter.com/brunolemos/profile_image?size=original', width: 100, height: 100 }} />;
// works fine:
<Image source={{ uri: 'https://pbs.twimg.com/profile_images/1029249022903676928/GgKLxkT4.jpg', width: 100, height: 100 }} />;How to reproduce
Expected behaviorHTTP redirect should also work on web since it works on mobile Environment (include versions). Did this work in previous versions?
Screenshots
|
This comment has been minimized.
This comment has been minimized.
|
Did someone mange to overcome this issue? |
This was referenced Nov 25, 2022
|
Opened a PR to support image sources with |
necolas
pushed a commit
that referenced
this issue
Apr 10, 2023
Extend ImageLoader functionality to be able to work with image sources containing headers We preserve the existing strategy that works with image.src for cases where source is just an uri with no headers When sources contain headers we make a fetch request and then render a local url for the downloaded blob (URL.createObjectURL) Fix #1019 Close #2442
necolas
pushed a commit
that referenced
this issue
Apr 10, 2023
Extend ImageLoader functionality to be able to work with image sources containing headers We preserve the existing strategy that works with image.src for cases where source is just an uri with no headers When sources contain headers we make a fetch request and then render a local url for the downloaded blob (URL.createObjectURL) Fix #1019 Fix #2268 Close #2442
necolas
pushed a commit
that referenced
this issue
Apr 12, 2023
Extend ImageLoader functionality to be able to work with image sources containing headers We preserve the existing strategy that works with image.src for cases where source is just an uri with no headers When sources contain headers we make a fetch request and then render a local url for the downloaded blob (URL.createObjectURL) Fix #1019 Fix #2268 Close #2442
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Image can support HTTP-Verb, Headers or a Body along with the image request. The image loader may need to be implemented using
XMLHttpRequest.https://facebook.github.io/react-native/docs/images#network-requests-for-images
The text was updated successfully, but these errors were encountered: