前言
在需要使用滑动验证等场景下,获取随机的图片,做背景滑动校验
一、Picsum
简单使用
易于使用、时尚的占位符
只需在我们的URL后添加您想要的图像大小(宽度和高度),您就会得到一个随机图像。
- 获取宽200高300的长方形图片 https://picsum.photos/200/300
- 获取正方形图片,只需要设置宽度即可 https://picsum.photos/200
具体图像
/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
模糊
?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://i-blog.csdnimg.cn/blog_migrate/6fd8adc8fcd3691afc84ba86d389ecb3.jpeg">
<img src="https://i-blog.csdnimg.cn/blog_migrate/132579a66e79863d7180618b135c021c.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 。