2

所以一些背景:我正在做的是创建一个画廊,动态显示服务器目录中所有图片的缩略图(它缓存缩略图,不用担心)。当用户单击缩略图时,会显示加载 gif,直到图像准备好,然后显示图像。实际图片尺寸非常大,可能需要相当长的时间才能下载到用户计算机。

我想做的是显示加载 gif 正在播放时下载的图片的百分比。

我意识到还有其他类似的问题,从我目前所做的研究来看,我也意识到如果没有一些服务器端技巧,这可能无法完成。

根据我在最后一点中遇到的情况,我收集到(我可能是错的,所以请纠正我)是客户端代码知道接收到多少字节,但不知道接收到多大文件是。

那么是否有可能使用一些 php/javascript 技巧进行配置,以便客户端 javascript 可以从 Web 服务器目录加载图像并能够计算下载百分比?

可能是 php 代码向客户端发送了一个带有文件大小或其他内容的额外标头?或者甚至向 Web 服务器打开第二个请求以获取文件大小?你怎么能得到当前下载的字节?

4

1 回答 1

0

您可以使用它XMLHttpRequest2来加载数据并挂钩到进度事件。加载的数据转换为 base64 并添加到数据 URI。加载完成后,您可以为构建的 URI 分配一个新的图像源。

更多信息可以在这里找到:http: //blogs.adobe.com/webplatform/2012/01/13/html5-image-progress-events/

于 2012-06-25T01:26:45.763 回答