javascript - 在较慢的连接上获取和附加大量图像的最佳方式

Question

目前，我正在通过ajax-php-mongodb获取100-200张图像，ajax提供带有参数的初始调用，服务器端php找到合适的mongo文档，该文档包含所有网格fs文件id的数组图像，然后 php 从 gridfs 获取图像的字节，base64 对其进行编码，通过循环将它们全部存储到 php 数组中，并将数组字符串回显给 ajax，ajax 调用附加图像的函数。

问题在于较慢的连接，尤其是较旧的 3G 连接，如果连接中途中断，则所有图像的整个 ajax 请求都会失败。

有没有既定的方法可以处理这个问题？我想过做一个连续的 ajax 请求来确认每 x/imageAmount 次收到的数据，但我想知道是否有一种既定的方法可以做到这一点，甚至可能是一个库。

谢谢。

Answer 1

执行 100-200 个请求的代价是建立 TCP 连接，因此使用保持事件状态来重用连接。通过保持事件状态，无论如何，每个请求都会发送 http header ，因此，为了弥补这一点，不要执行 base64。

您还可以将图像缓存在内存中，以减少延迟和 mongodb 负载(gridfs 效率不太高)