【问题标题】:React Native Image Load Error反应本机图像加载错误
【发布时间】:2017-03-02 16:27:44
【问题描述】:

我正在尝试使用以下 uri 加载这些特定图像:https://image.tmdb.org/t/p/w500/zkXnKIwX5pYorKJp2fjFSfNyKT0.jpg https://image.tmdb.org/t/p/w500/bbxtz5V0vvnTDA2qWbiiRC77Ok9.jpg

onError 事件引发以下错误: 解码图像数据时出错

图像在 safari 和 chrome 中正确加载。有什么想法可能是错的吗?我该如何调试这个进一步?其他图像正在正确加载,但这些特定图像会引发这些错误。

RN 0.41 平台:iOS

【问题讨论】:

  • 虽然这些图片有 .jpg 后缀,但它们实际上可能有一些我们不知道的其他格式。你可以把我的理论想象成有人通过用 png 后缀重命名来更改 gif 文件。从表面上看,它可能是 png 或 jpg,但 Image 不会在 Android 中加载它。它实际上发生在我身上一次。
  • 你试过http版本吗?
  • @EnieJakiro 这就是我的怀疑。但是我该如何调试和确认呢?
  • @berkayk 我还没有尝试过,但我认为这与 https 无关
  • @SalmanHasratKhan 自己下载图像并在本地使用。如果它们出现,我们可以看到这是网络问题,否则文件已损坏,因此您可能需要中间件文件处理或修复图像并上传到您自己的服务器

标签: react-native react-native-ios react-native-image


【解决方案1】:

下载图片并在requie("//address of the image in your project")中使用

【讨论】:

  • 请在您的答案中添加更多解释,以便更容易理解
  • 下载图像并将它们保存到您的项目中,例如将其保存在“MyApp/app/images”中,然后在图像源中这样做:source={require('./../ ../images/name_of_the_image.png')}
猜你喜欢
  • 2022-12-05
  • 1970-01-01
  • 2017-12-11
  • 2021-12-10
  • 2016-06-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多