无法在 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

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