首页 技术,杂谈

昨天在水群的时候发现群主为了方便管理,设置了群文件仅能由管理员上传。对于偌大的一个群来说确实能防止很多问题,不过有时也略显不方便,因此感觉自己发现了商机开发了一个这样的网页,也可以将其作为方便的对象存储使用。

思路简介

想法的产生

目前市面上有许多免费空间,它们大多数都仅支持PHP,所以作为一个贫穷的学生党,使用PHP进行开发也是可以理解的。

相信大家都知道Github这个平台,人人都可以在其中建立repo,且没有限制大小,相当于一个免费的对象存储了,不过由于服务器的位置问题,速度还是比较慢

所以这里就用到了jsdelivr提供的免费CDN服务,仅需对github的链接作一下变换即可得到由jsdelivr加速的链接,其访问速度可以说是非常之快了。

由此便产生了使用php+Github+jsdelivr进行开发的想法

具体的思路

首先需要解决的是php调用Github API的问题。虽然笔者对php基本一窍不通,但是毕竟学过一些基础的编程,于是上来就找了一番Github官方的文档:https://developer.github.com/v3/guides/ ,此外我还对照参考了其他语言调用Github API上传文件的一些代码资料。

其中这一篇对github上传/更新文件的操作作了详细的讲解:https://developer.github.com/v3/repos/contents/

其次需要解决的是前端的问题,这方面比较容易,但时间消耗也比较大,为了好看,我使用了ZUI框架对界面进行了美化。

PHP上传文件

PHP可使用curl进行一些HTTP操作,上传文件主要用的是HTTP中的PUT请求,对此我随便搜了一个封装好的轮子http://www.thisbug.com/archives/149

需要注意的是,调Github的API时需要在请求头headers中设置User-Agent为自己的用户名,还要设置Authorization为token附上自己在github的settings中生成的token。

前端构造

前端是一个HTML页面,内含一个打开文件的按钮和一个上传的按钮,并支持拖放功能

点击打开文件按钮后,将会在页面中产生一个卡片,卡片内容为文件名,以及一个移除按钮,并将文件的base64编码、文件名存入js里的数组。

点击上传按钮后,会调用Ajax进行POST操作,将文件的base64编码及文件名传入PHP后台上传至Github的repo中,PHP后台处理成功后将返回一个经jsdelivr加速的文件链接,Ajax接收这一信息后继而将链接做成一个复制按钮放入对应的卡片中。

代码及成品

https://github.com/huanghaozi/file2link

https://huanghaozi.cn/tools/file2link/uploader.html




文章评论

    咸鱼 访客ChromeAndroid
    2021-06-29 22:12   回复

    按照你说的填了 不知道为啥一直上传失败

      huanghaozi 站长ChromeAndroid
      2021-06-29 22:23   回复

      是这样的:

      浏览器----php服务器----github

      需要php环境,具体错误提示是什么呢?

        咸鱼 访客ChromeWindows
        2021-06-29 23:12   回复

        PHP服务端传送到github失败

          huanghaozi 站长ChromeAndroid
          2021-06-30 14:35   回复

          啊这样,估计是服务器不通github

      huanghaozi 站长ChromeAndroid
      2021-06-29 22:23   回复

      是这样的:

      浏览器----php服务器----github

      需要php环境,具体错误提示是什么呢?

    挖宝兔 访客ChromeWindows
    2020-11-21 19:30   回复

    帮忙解答下,导入图片没有任何提示,上传之后两个都是cdn按钮(您的demo上显示cdn和Github ),无法复制直链,去库里查看,图片是上传成功的,
    这个和网站环境有关吗

      huanghaozi 站长ChromeAndroid
      2020-11-21 23:25   回复

      啊这 ,我忙到都快忘了我之前挖的坑了 ,这个代码我没封装好,还有很多瑕疵、残存痕迹.... 不过我可能得下下周再弄了 ,正在赶各种各样的ddl....

    乐乐 访客ChromeWindows
    2020-07-21 10:12   回复

    这样填写是对的吗?

    我配置之后上传不成功,cdn复制之后是Curl,Github复制之后是error:

    // $name = 'yf';//Github的昵称

    // $username = 'yf';//Github的用户名

    // $email = '正确的邮箱';//Github绑定的邮箱

    // $token = '正确的token';//获取的Token

    // $repo = 'yfku';//库名称

    希望有时间帮忙解答一下,感谢

      huanghaozi 站长ChromeWindows
      2020-07-23 22:01   回复

      看起来应该是对的呀

    乐哈哈 访客FireFoxWindows
    2020-05-5 15:51   回复

    大佬 程序很不错 上传速度也很快 但有几个疑问帮忙解答下
    1 上传后文件名可否保存跟本地保持一致 方便引用(小白求指导)
    2 可否支持直接上传至仓库内文件夹内

      huanghaozi 站长ChromeWindows
      2020-06-16 21:19   回复

      唔,上传文件名一致这个问题我考虑了一下,因为可能多人使用,所以我用的是上传时间+MD5作为文件名的,或许我阔以加个登录功能,然后让注册了的用户能够使用文件名叭
      这样的话就可以上传到仓库的文件夹里了
      (可能我得系统学一学PHP,这个东西是我现学做出来的)