前端随机图库

535 阅读1分钟

截屏2022-06-18下午4.13.31.png

免费的随机图库 Lorem Picsum

指定宽高

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

https://picsum.photos/200/300

要获得方形图像,只需添加大小。

https://picsum.photos/200

特定图片

通过将/id/{ image }添加到 url 的开头来获取特定的图像。

你可以在这里找到所有图片的列表。

比如: id为1000

https://picsum.photos/id/1000/200/300

截屏2022-06-18下午4.25.21.png


静态随机图像

通过在 url 的开始部分添加/seed/{ seed } ,每次根据种子获取相同的随机图像。

比如:

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

灰度图像

通过在 url 的末尾追加?grayscale来获得灰度图像。

比如:

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

模糊

通过在 url 的末尾追加?blue来获得模糊图像。

比如:

https://picsum.photos/seed/picsum/200/300?blur

通过调整blur的值来调整模糊度

比如:

https://picsum.photos/seed/picsum/200/300?blur=5

高级配置

  • 你可以任意组合上面的选项来得到想要同时得到灰度和模糊的图片

比如:

https://picsum.photos/seed/picsum/200/300?grayscale&?blur=5
  • 防缓存在url后面加random参数

比如:

<img src="https://picsum.photos/200/300?random=1">
<img src="https://picsum.photos/200/300?random=2">
  • 如果特定jpg或者png、或jpeg, 或者.webp,可以加后缀

比如:

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

图片列表

  • 通过 /v2/list api来获取图片列表
https://picsum.photos/v2/list

截屏2022-06-18下午5.58.56.png

默认一页30条

?page用这个参数来获取某一页的数据, ?limit用这个参数来设置一页多少条

https://picsum.photos/v2/list?page=2&limit=100
  • 通过 /id/{id}/info 来获取单个图片的详情
https://picsum.photos/id/0/info

得到的是:

{
        "id": "0",
        "author": "Alejandro Escamilla",
        "width": 5616,
        "height": 3744,
        "url": "https://unsplash.com/...",
        "download_url": "https://picsum.photos/..."
}