Skip to content

Tomatosky/frontend-imagehosting

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前言

之前本来是用微博图床的,但是上个月微博图床取消了外链,所以想想还是自己也搭个图床算了,自己搭建图床的话,要求如下:

  • 访问速度要快
  • 稳定,不要经常出问题,也不要因为网站搬家而移半天
  • 安全,不容易因为程序漏洞导致站点被黑而图片全部遗失

综上,我打算将图片前端上传至OSS上,不使用后端,方便快速安全的进行部署


使用

我们需要先新建配置一个 ossbucket 来存储我们的图片

新建bucket

oss控制台 新建一个 bucket,读写权限设置为公有读

Bucket设置

从浏览器中直接访问 OSS 需要开通 BucketCORS 设置:

  • allowed origins 设置成 *
  • allowed methods 设置成 PUT, GET, POST, DELETE, HEAD
  • allowed headers 设置成 *
  • expose headers 设置成 etag x-oss-request-id

访问控制

主账户的权限太大了,所以我们最好在 RAM访问控制 专门新建一个用户来管理新建的这个 bucket

新建一个用户

填入用户名称,勾选编程访问

新建成功,AccesskeyIDAccesskey Secret 需要保存好

回到 bucket,添加授权给刚才新建的用户

图床配置

各个配置项说明如下:

  • [accessKeyId]:刚才新建用户的 accessKeyId
  • [accessKeySecret]:刚才新建用户的 accessKeySecret
  • [bucket]:新建用来存储图片的 oss bucket
  • [region]:新建 bucket 时所选的所在的区域,比如

这个 bucketregion 就是 oss-cn-beijing

配置完成


演示

About

纯前端图床,图片保存至oss中 demo:https://tomatosky.github.io/frontend-imagehosting/

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published