自用免费图床搭建分享

讨论分享
1

介绍

纯前端React配合BaaS能力0成本搭建的一个简易图床。

功能

核心功能包括：注册、登录、上传图片、图片删除、图床展示等。。

游客也可以直接上传图片，但有大小限制，且游客图床共享。

登录用户图床隔离。

技术栈

react-create-app、styled-components、React-Router、Mobx、Antd、MemFire

使用到的BaaS能力

  • 云数据库： 存储上传的图片信息
  • 对象存储： 存储图片
  • 用户认证：用户注册、登陆、登出
  • API：提供API 供前端react调用
  • 静态托管：托管此项目

体验地址
代码仓库

2

我upload了，然而得不到image的地址……

3

地址在图床里

4

Baas代表？

5

我也遇到了类似的问题，以游客身份上传了一张图片后，网页只提示 “图片上传成功”，然后没有在任何地方给出我上传的图片的链接。

另外，您的网站似乎没有适配移动端，在手机上打开这个网站，里面的一些内容会错位。不知道日后您是否有计划增加对移动端的支持呢？

6

Backend as a Service，译为「后端即服务」。在 BaaS 模型下，开发人员可以利用云服务提供商的基础设施和工具，快速构建和部署应用程序后端，无需自行搭建和维护服务器、数据库等基础设施。

参考资料：https://ones.cn/blog/articles/saas-and-paas-and-baas

7

闲下来了就搞一搞，主要是搭建一个方便自己随时用

8

您的意思是，游客上传的图片，生成的链接只有您自己能在后台看到吗？若是如此，恕我冒昧，是否可以理解为：目前这个网站是您自用，而非给大家公用的？

9

啊？上传的链接在图床页面能够看到啊
图床

10

可以看到的，点上面的”图床“，所有人的图都能看

1 个赞
11

OK，看到了，就是感觉有点不太符合直觉。感觉最好能加个功能：图片上传成功后，马上显示图片链接，这样或许更方便一些，也更符合直觉。

我好像知道为什么我会误解您的话了。

您这句话想表达的是，图片链接在网站的 “图床” 栏目里。

可您没加引号，至少对于我，会认为这里的 "图床c 一词是泛指。而在当前语境下，图床指的就是您的网站。那么这句话就会被理解为 “图片链接就在网站里”，可我又没有在网站首页看到图片链接，因此产生了误会。

12

我自己的图床选择了一个十分暴力的办法 群晖把一个目录通过web station放出来，ftp上传图片就好了 :rofl: 完全不考虑去重 查看的需求，堆在那就好 :rofl:

上传可以通过quicker sharex piclist等工具 :rofl:

全是静态图片 理论上也足够安全 :rofl: