记录随机生成指定大小图片网址(Picsum)


前言

在需要使用滑动验证等场景下,获取随机的图片,做背景滑动校验
在这里插入图片描述


一、Picsum

Picsum

简单使用

易于使用、时尚的占位符

只需在我们的URL后添加您想要的图像大小(宽度和高度),您就会得到一个随机图像。

具体图像

/id/{image}通过添加到 url 的开头来获取特定图像。
https://picsum.photos/id/237/200/300

查看所有图片

静态随机图像

/seed/{seed}通过添加到 url 的开头,每次都根据种子获取相同的随机图像。
https://picsum.photos/seed/picsum/200/300

灰度

?grayscale通过附加到 url 末尾来获取灰度图像。

https://picsum.photos/200/300?grayscale

扫描二维码关注公众号,回复: 17151537 查看本文章

模糊

?blur通过附加到 url 末尾来获取模糊图像。
https://picsum.photos/200/300/?blur

可以通过提供和之间的数字来调整模糊量10。
https://picsum.photos/200/300/?blur=2

高级用法

您可以组合上述任何选项。

例如,获取灰度且模糊的特定图像。

https://picsum.photos/id/870/200/300?grayscale&blur=2

要在浏览器中请求相同大小的多个图像,请添加random查询参数以防止缓存图像:

<img src="https://img-blog.csdnimg.cn/img_convert/ebe99f95f482a39782e243a54cf57b97.jpeg">
<img src="https://img-blog.csdnimg.cn/img_convert/dea2d5dbe6a3d3d1ad1869dd02bf69f9.jpeg">

如果需要文件结尾,可以添加.jpg到 url 的末尾。

https://picsum.photos/200/300.jpg

要获取 WebP 格式的图像,您可以添加.webp到 url 末尾。

https://picsum.photos/200/300.webp

列出图像

使用端点获取图像列表/v2/list。

https://picsum.photos/v2/list

默认情况下,API 每页返回 30 个项目。

要请求另一个页面,请使用该?page参数。

要更改每页的项目数量,请使用?limit参数。

https://picsum.photos/v2/list?page=2&limit=100

标题Link包含有关下一页/上一页的分页信息

图片详情

使用/id/{id}/info和/seed/{seed}/info端点获取有关特定图像的信息。

https://picsum.photos/id/0/info
https://picsum.photos/seed/picsum/info

Picsum-ID您可以通过查看标题或User CommentEXIF 元数据中的字段来找出图像的 ID 。


如有启发,可点赞收藏哟~

猜你喜欢

转载自blog.csdn.net/weiCong_Ling/article/details/134709064