diff --git a/android/plugins/network/src/main/java/com/facebook/flipper/plugins/network/NetworkFlipperPlugin.java b/android/plugins/network/src/main/java/com/facebook/flipper/plugins/network/NetworkFlipperPlugin.java index 6b78c9a2b..0a9ada40c 100644 --- a/android/plugins/network/src/main/java/com/facebook/flipper/plugins/network/NetworkFlipperPlugin.java +++ b/android/plugins/network/src/main/java/com/facebook/flipper/plugins/network/NetworkFlipperPlugin.java @@ -148,8 +148,6 @@ public class NetworkFlipperPlugin extends BufferingFlipperPlugin implements Netw return false; } - return contentType.value.contains("image/") - || contentType.value.contains("video/") - || contentType.value.contains("application/zip"); + return contentType.value.contains("video/") || contentType.value.contains("application/zip"); } } diff --git a/desktop/plugins/network/RequestDetails.tsx b/desktop/plugins/network/RequestDetails.tsx index 50d0d79aa..4fe34e155 100644 --- a/desktop/plugins/network/RequestDetails.tsx +++ b/desktop/plugins/network/RequestDetails.tsx @@ -478,8 +478,17 @@ class ImageWithSize extends Component { class ImageFormatter { formatResponse = (request: Request, response: Response) => { - if (getHeaderValue(response.headers, 'content-type').startsWith('image')) { - return ; + if (getHeaderValue(response.headers, 'content-type').startsWith('image/')) { + if (response.data) { + const src = `data:${getHeaderValue( + response.headers, + 'content-type', + )};base64,${response.data}`; + return ; + } else { + // fallback to using the request url + return ; + } } }; } @@ -492,7 +501,7 @@ class VideoFormatter { formatResponse = (request: Request, response: Response) => { const contentType = getHeaderValue(response.headers, 'content-type'); - if (contentType.startsWith('video')) { + if (contentType.startsWith('video/')) { return (