这是提交给Pina塔挑战的。
我建的免费图片托管服务是一个网络应用,允许用户临时存储和分享图片。它利用Pinata进行存储和检索,从而实现图片的快速检索。MongoDB用于存储图片的属性和URL。
示例(注:此处原文及初步翻译未提供,故无法进行具体修改。请提供原文及初步翻译以便进行改进。)网站简介
设置图片
获取临时链接
通过临时链接获取图片
点击图片预览详细内容。
链接已过期 / 找不到图片 / 找不到链接
我的程序代码通过临时网址保存和分享文件。
一个基于 Next.js 构建的应用程序,使用 Pinata 存储图片文件,并使用 MongoDB 存储数据。可以为图片配置不同的属性以优化。文档会通过 MongoDB 的 TTL 索引自动删除,MongoDB 中的触发函数还会从 Pinata 上移除相应的文件。
🚀 功能- 无缝图像上传功能:通过文件API实现无缝上传图像。
- 签名链接:可在限定时间内访问图像的签名链接。
- 优化性能:采用Pinata的图像优化技术,实现快速内容分发和提升用户体验。
- 前端技术:React,Next.js
- 后端技术:Next.js,Pinata API,MongoDB
- 样式设计:Bootstrap
- 部署:Vercel
- 克隆代码库
git clone https://github.com/anshulnegitc/fimh.git # 克隆远程仓库
cd fimh # 切换到fimh目录
全屏模式,退出全屏
- 安装所需的依赖
运行:npm install
切换到全屏模式,退出全屏
- 环境变量(环境变量是指在程序运行时用来配置设置的变量): 在
.env.local
文件中设置 Pinata API 密钥(即 Pinata API 访问密钥)的环境变量,并将该文件置于 fimh 文件夹内。
NEXT_PUBLIC_PINATA_JWT=你的 API 密钥
NEXT_PUBLIC_GATEWAY_URL=你的 秘钥
NEXT_PUBLIC_DATABASE_URL=你的 MongoDB 连接 URL
全屏模式 退出全屏
- …(此处省略部分内容)
点击这里查看 GitHub
更多信息Pinata Files API 用来上传图片。
Pinata Signed URL 用于在一段时间内访问图片。
Pinata 图像优化功能 可以设置以加快图像加载速度并提升观看体验。
项目设置及其他配置,请访问Github。
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦