通过 url 生成随机图像

use*_*796 3 html random api image request

我有一个带有端点的 API:

  • api/image/1 还我图片1
  • api/image/random 给我一个随机图像

每当我调用随机图像时,例如在 1 个网页上调用 5 次,每次都是相同的图像。有点像https://picsum.photos/seed/picsum/200/300 ...

我想每次都有一个随机图像。即使我在 1 个网页上调用随机图像 10 次。有没有办法做到这一点?

Dip*_*mar 10

易于使用的 API。它每次都会将您重定向到随机图像。

网址

https://source.unsplash.com/random/300x200

句法

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 列表,它允许您定义图像数量和更多内容。我建议实际阅读他们在网站上发布的小指南


kis*_*ssu 8

正如这个 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)