0

我有一个需要大量资源（音频/图像/视频）的基于 Web 的应用程序。以前我一直在同一台服务器上托管所有内容，并使用PreloadJS获取所有资源并下载它们（同时显示一个不错的进度条）。

我现在正在迁移到内容交付网络 (CDN) 来托管所有这些资产，但需要将基本 Web 应用程序保留在我的服务器上。

所以我打开了我的应用程序webapp.com和所有资源cdn.webapp.com- 我的问题是如何从另一个域加载所有这些资源并同时查看进度？是否有处理此问题的库，或者我是否需要编写一些代码来订阅onload()每个资产的功能，并且只有在下载所有内容后才能继续？

（由于跨域 ajax 请求，我无法再使用 PreloadJS 下载所有内容）

4

1 回答 1

0

最后（因为没有人来拯救我）我通过这样做实现了它：

图像/资产已打开cdn.webapp.com并像往常一样包含在页面的 HTML 中。然后 Javascript 将运行并将这些图像所在的 div 设置为没有高度。这仍然允许加载图像，但不会在页面上呈现它们。

然后我找到了一个 JS 库（https://github.com/desandro/imagesloaded）来注册这些图像的回调，以便在图像完全下载时通知我。

于 2013-02-25T20:35:09.513 回答