亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

免費上傳圖片

这是提交给Pina塔挑战的。

我建的

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

示例

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

(注:此处原文及初步翻译未提供,故无法进行具体修改。请提供原文及初步翻译以便进行改进。)网站简介

主页

设置图片

编辑图片设置

获取临时链接

临时链接

通过临时链接获取图片

图片预览
点击图片预览详细内容。

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

图片无法显示

我的程序代码
GitHub logo 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

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消