我需要动态加载并在屏幕上显示大量图像-它可能像1000–3000.通常这些图片的大小不同,我从用户那里获得它们的URL.因此,其中一些图片可以是1024×800或10×40像素.
我写了一个不错的JS脚本,在一页上很好地显示了它们(ala Google图像搜索样式),但是它们在使用的RAM上仍然很繁琐(一页上有100万张500K图像是不好的),所以我考虑了调整图像大小.就像制作一张1000×800像素的图像(如100×80)一样,然后忘记(释放了ram)原始图像.
可以使用JavaScript(无需服务器端处理)完成此操作吗?
解决方法:
您要做的是从客户端上施加一些压力,以便它可以处理所有图像.让它调整所有图像的大小(JavaScript是客户端)将完全相反,因为实际上调整图像的大小通常比仅显示图像要昂贵得多(无论如何,使用浏览器JS不可能).
通常,总有比一次显示多个项目更好的解决方案.一种是动态加载,例如当用户向下滚动页面时(如新的Facebook个人资料一样)或使用分页.我无法想象所有1k-3k图像会一次全部可见.