相关疑难解决方法(0)

我想在加载图像后创建一个警告框,但如果图像保存在浏览器缓存中,.onload则不会触发该事件.

无论图像是否已被缓存,如何在加载图像时触发警报？

var img = new Image();
img.src = "img.jpg";
img.onload = function () {
   alert("image is loaded");
}

React中的应用程序代码

<video
  ref={(input) => { this.video = input; }}
  onError={this.onError}
>
  <source src="https://xxx.mp4" type="video/mp4" />
</video>

问题

在进行服务器端渲染时，如果视频src的加载早于onError附加到视频DOM上，则即使发生任何错误也不会调用onError。

我的尝试

1. 标签将具有类似的问题，但是可以通过检查img元素的“ complete”属性来解决，例如此答案，但是视频没有基于MDN文档的相应属性。

2. HTMLVideoElement有一个'error'属性，但是当我使用它时，即使video标签的src不正确，其值也始终为null。

3. 我也尝试使用HTMLVideoElement的“ readyState”和“ networkState”，但是这两个方法无法帮助您识别video src的加载是否错误或尚未初始化。

你们中有人遇到过同样的情况并解决了吗？预先感谢您的帮助和想法！

我正在浏览React教程，在网络上，我看到了很多有关同构React的知识。只是对它是什么以及它如何工作感到困惑。

根据我的理解，Isomorphic React应用程序是从一开始就加载所有需要的数据，然后根据用户的请求将其保留在客户端上，以将完整数据保存在商店中（Redux architechture）。

现在，如果我遇到这样的情况，例如需要从第三方应用程序中使用webservice加载完整的HTML表单，在该应用程序中我从中获取数据作为json（需要在屏幕上呈现哪些字段的架构）并执行一些操作。操作我需要将请求发送回去，以便获得其他架构以将其加载为下一个屏幕。在这种情况下，每次需要进行服务器调用或ajax调用时，我该如何使用同构（我不喜欢这样做，因为它可能暴露API）

所以在这种情况下我可以说这个应用程序是同构的，或者我对同构的理解是完全错误的？