无法在React中显示tiff图像

Question

我在React应用程序上显示了一些图像。我显示jpeg、png等图像没有问题。。。我在显示tif、tiff的图像时遇到问题。我还看到只有Safari支持开箱即用。是否有显示tif/tiff的变通方法？

单击此处->CODESANDBOX

<img
style={{
display: isImageLoaded ? "flex" : "none",
width: "100%",
cursor: "zoom-in"
}}
src={productImage.imageUrl}
alt="fef"
onLoad={handleImageLoading}
/>
{!isImageLoaded && <CircularProgress />}

Answer 1

仍然不支持Firefox、Chrome和许多其他浏览器

此图表确认

https://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support

如果你想使用这些浏览器，你必须转换你的图像。