起因
相信混迹于L站的各位佬友都对 cf-pages/Telegraph-Image这个白嫖CloudFlare大善人的免费图床有所耳闻。
但是相信用过的佬友都知道,这个图床的前端(上传页面)并未开源,导致很多页面内容无法自定义,并且上传也不支持批量上传、拖拽上传等各种更加方便的上传方式。
苦于没有找到其他大佬为该项目重制的前端,就只能用自己拙劣的vue技术手搓了一个新的前端,并且将项目开源了出来,希望能帮到更多和我面临一样问题的朋友。
此外,在@hl128k大佬的帮助下,项目也实现了Web和API端的鉴权上传功能,如果不想将图床公开的话,只需要简单地设置一个环境变量便可实现图床的私有化。
前端展示
体验地址
Sanyue ImgHub
认证码留空即可。
项目 Features
- 前端开源(可自行修改、打包使用)
- 流畅丝滑的过渡动画~
- 支持批量上传(不限同时选择文件数量,但为了保证稳定性,同时处于上传状态的文件最多为10个)
- 上传文件实现呼吸灯效果
- 上传显示实时上传进度
- 支持整体复制和单独复制(整体复制即将所有链接通过换行串联起来后复制)
- 支持Markdown、HTML等多种格式复制
- 上传后图片无需手动点击,可直接展示在管理页面中
- 支持Web和API上传认证(感谢hl128k)
- 支持访问域名限制(感谢hl128k)
- 支持一键切换上传方式(拖拽点击、复制粘贴)
项目 Deployment
目前该项目支持在原来已部署项目上直接修改前端,或者直接fork我修改好的仓库进行部署
项目地址
原作者项目: cf-pages/Telegraph-Image
新前端: MarSeventh/Sanyue-ImgHub
修改前端后的完整项目: MarSeventh/CloudFlare-ImgBed
注意
项目基于原项目,在您支持本项目的同时,也请务必支持原项目和原作者,谢谢!!!
另外,前端是不到一天时间手搓出来的,若有bug请各位海涵,并且欢迎大家提issues一起讨论。