1

我是这个主题的新手，所以我对这个问题表示歉意:) 我需要创建一个页面，该页面必须显示帖子中上传的所有图像，一次一张。当用户单击下一个按钮时，它必须加载下一张图片，替换第一张。

< [ image1 ] > 
  Title
  Description
  other content

--> 用户点击下一步

< [ image2 ] > 
  Title
  Description
  other content

但是，为了加快图片显示加载速度，需要在隐藏面板中下载以下两张图片，因此当用户单击下一步并加载下一组图片时，这些图片将被缓存。

如果我使用 ajax 来执行此任务，浏览器会使用下载的图像还是 ajax 会再次下载它们？

有没有办法让这个过程更优化？

非常感谢你！

4

1 回答 1

0

您可以使用 ajax 将下一个图像的数据下载到字符串，并将其转换为 base64 字符串，然后通过将图像的 src 属性更改为“data:image/png”将其嵌入到 html 中（单击下一个按钮时，使用 javascript） ;base64,(base64stringhere)" 用下载的图片的base64字符串替换(base64stringhere)

参考：http ://www.techerator.com/2011/12/how-to-embed-images-directly-into-your-html/

参考：如何在 JavaScript 中将字符串编码为 Base64？

注意：大多数浏览器都会缓存图片，所以如果用户正在查看他们已经下载的图片，将会浪费相当多的带宽。

于 2013-03-16T22:42:09.347 回答