use*_*796 3 html random api image request
我有一个带有端点的 API:
api/image/1 还我图片1api/image/random 给我一个随机图像每当我调用随机图像时,例如在 1 个网页上调用 5 次,每次都是相同的图像。有点像https://picsum.photos/seed/picsum/200/300 ...
我想每次都有一个随机图像。即使我在 1 个网页上调用随机图像 10 次。有没有办法做到这一点?
Dip*_*mar 10
易于使用的 API。它每次都会将您重定向到随机图像。
网址
句法
https://source.unsplash.com/random/<width>x<height>
这是 JS 技巧,可以根据每个请求获取唯一的图像
https://source.unsplash.com/random/300x200?sig=${Math.random()}
小智 8
他们实际上在他们的文档中解决了这个常见问题。有趣的是,您正在使用他们的建议来实现完全相反的目标:
静态随机图像
通过在 URL 的开头添加 /seed/{seed},每次基于种子获取相同的随机图像。
https://picsum.photos/seed/picsum/200/300
根据 Picsum,你可以这样做:
要在浏览器中请求多个相同大小的图像,请添加随机查询参数以防止图像被缓存:
<img src="https://picsum.photos/200/300?random=1">
<img src="https://picsum.photos/200/300?random=2">
结果是:
此外,您始终可以使用他们的 API 获取 URL 列表,它允许您定义图像数量和更多内容。我建议实际阅读他们在网站上发布的小指南
正如这个 github问题中所述,您基本上可以使用https://source.unsplash.com/random/200x200?sig=incrementingIdentifier.
<img src="https://source.unsplash.com/random/200x200?sig=1" />
<img src="https://source.unsplash.com/random/200x200?sig=2" />
<img src="https://source.unsplash.com/random/200x200?sig=3" />Run Code Online (Sandbox Code Playgroud)