分享一个随机生成图片的网站

最新推荐文章于 2024-12-31 17:29:59 发布

时光有伱记忆成花

最新推荐文章于 2024-12-31 17:29:59 发布

阅读量3.4k

点赞数 14

分类专栏： # Vue 其他前端文章标签： vue 前端

本文链接：https://blog.csdn.net/li_wen_jin/article/details/136833561

版权

其他同时被 3 个专栏收录

18 篇文章

订阅专栏

前端

15 篇文章

订阅专栏

Vue

10 篇文章

订阅专栏

LoremPicsumAPI提供了一个简单的方式来获取定制大小、类型和效果的随机图片，支持静态随机、灰度、模糊以及WebP格式，还包含了图片列表、详情和参数控制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网： Lorem Picsum

获取自定义大小的随机图像

https://picsum.photos/200/300

获取正方形图像

https://picsum.photos/200

获取特定类型的图像

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

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

Lorem Picsum - Images所有图像的列表：Lorem Picsum - Images

获取静态随机图像

每次都根据种子获取相同的随机图像，方法是添加到 /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

高级用法

例如，获取灰度和模糊的特定图像。

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

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

<img src="https://picsum.photos/200/300?random=1">
<img src="https://picsum.photos/200/300?random=2">

如果您需要文件结尾，可以添加到 .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

获取图像细节

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

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

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