免费上传图片

这是提交给Pina塔挑战的。

免费图片托管服务是一个网络应用，允许用户临时存储和分享图片。它利用Pinata进行存储和检索，从而实现图片的快速检索。MongoDB用于存储图片的属性和URL。

网址：https://fimh.vercel.app/

（注：此处原文及初步翻译未提供，故无法进行具体修改。请提供原文及初步翻译以便进行改进。）网站简介

设置图片

获取临时链接

通过临时链接获取图片

点击图片预览详细内容。

链接已过期 / 找不到图片 / 找不到链接

anshulnegitc / fimh 查看 Anshulnegitc 的仓库 / 查看 fimh 项目

通过临时网址保存和分享文件。

一个基于 Next.js 构建的应用程序，使用 Pinata 存储图片文件，并使用 MongoDB 存储数据。可以为图片配置不同的属性以优化。文档会通过 MongoDB 的 TTL 索引自动删除，MongoDB 中的触发函数还会从 Pinata 上移除相应的文件。

• 无缝图像上传功能：通过文件API实现无缝上传图像。
• 签名链接：可在限定时间内访问图像的签名链接。
• 优化性能：采用Pinata的图像优化技术，实现快速内容分发和提升用户体验。

• 前端技术：React，Next.js
• 后端技术：Next.js，Pinata API，MongoDB
• 样式设计：Bootstrap
• 部署：Vercel

1. 克隆代码库

git clone https://github.com/anshulnegitc/fimh.git  # 克隆远程仓库
cd fimh  # 切换到fimh目录

全屏模式,退出全屏

1. 安装所需的依赖

运行：npm install

切换到全屏模式，退出全屏

1. 环境变量（环境变量是指在程序运行时用来配置设置的变量）: 在 .env.local 文件中设置 Pinata API 密钥（即 Pinata API 访问密钥）的环境变量，并将该文件置于 fimh 文件夹内。

NEXT_PUBLIC_PINATA_JWT=你的 API 密钥
NEXT_PUBLIC_GATEWAY_URL=你的 秘钥
NEXT_PUBLIC_DATABASE_URL=你的 MongoDB 连接 URL

全屏模式 退出全屏

1. …（此处省略部分内容）

点击这里查看 GitHub

Pinata Files API 用来上传图片。
Pinata Signed URL 用于在一段时间内访问图片。
Pinata 图像优化功能 可以设置以加快图像加载速度并提升观看体验。

项目设置及其他配置，请访问Github。