html模板

github在线图床源码
2023-07-22 我的站长站

github在线图床源码

  • 模板编号:2793
  • 点击次数:
  • 模板终端:电脑端
  • 适用版本:静态模板
  • 模板编码:UTF-8
  • 下载权限:普通 / VIP
  • 模板售价:免费下载
  • 下载次数:2

源码介绍

众所周知,GitHub的api灰常开放,如今已经有picog+github图床,但是,picog是桌面程序,怎样能用用一个网页程序来实现呢?其实很简单,我们就单纯用一个AJAX请求就可以了。

github在线图床源码
图床源码截图

以下是一段简单的上传函数

function uploadimg(file, form) {
            // alert(4)
            let timestamp = new Date().getTime(); //获取时间戳
            let newname = "https://raw.githubusercontent.com/你的用户名/仓库名/目录(留空代表根目录)/" + timestamp + "." + form; //以事件戳重命名
            console.log(newname);
            $.ajax({
                url: "https://api.github.com/repos/你的用户名/仓库名/目录(留空代表根目录)/" + timestamp + "." + form,
                method: "PUT",
                headers: {
                    "Authorization": "密钥,在github的个人 左侧的申请",
                    "Content-Type": "text/plain"
                },
                data: "{\r\n "message": "upload",\r\n "content": "" + file + ""\r\n}",
                success: function () {
                    console.log(111);
                    $("#neirong").html("github:" + newname) //写到html里面
                }
            })
        }

当然,图片上传时我们还要对图片进行重命名,避免重复图片,同时还要对图片转为base64编码

利用以下一段简单的函数实现

function imgChange(img) {
        const reader = new FileReader();
        reader.onload = function (ev) {
            var imgFile = ev.target.result; //imgFile就是图片的base64编码
            console.log(imgFile);
            base64url = imgFile.replace(/(.*)?,/, ''); //用正则消除前面的data之类的字符
            form = imgFile.substring(imgFile.indexOf("/") + 1, imgFile.indexOf(";")); //获取图片原本的格式
            console.log(imgFile);
            uploadimg(base64url, form); //上传
        }
        reader.readAsDataURL(img.files[0]);
    }

基本原理就是这样,还有个弊端就是纯html静态页面的形式会暴漏我们的密钥,所以我们可以把上传的部分单独做成一个php接口文件或者nodejs接口,这里就不提了

另外 秘钥在github登入自己账号后,右上角头像- Settings-左侧底部的Developer Settings-左侧的Personal access tokens-选择tokens-然后生成一个


相关专题
图床
图床
2021-10-10 1180

图床专题为您整理收藏本站所有关于图床相关详细资源,主要为各语言图床源码下载,各程序图床插件下载和图床上传工具软件下载....

下载地址

· 积分下载:下载扣除对应积分,不扣除下载次数
· 会员免费:VIP会员免费下载,扣除下载次数
· 下载即代表您已阅读并同意 [服务条款]

相关推荐
  • 图床源码
  • 在线图床
  • GitHub
  • php小猫咪图床源码V1.8
    php小猫咪图床源码V1.8

    源码介绍小猫咪图床源码V1.8,无需数据库,拥有叁楼,戒指,bilibili,搜狗,本地等7个图床。源码截图使用说明后台为http://域名/admin默认key为123456修改key地址http://域名/admin/key.php建议修改后台地...

    php源码 104 2年前
  • PHP图片托管图床源码
    PHP图片托管图床源码

    网站源码介绍PHP图片托管图床源码主要功能是图片托管,分别有两个上传入口,一个是他人上传的接口 链接:[域名/index.php],另外一个是后台上传接口 链接:[域名/Admin/upload.php]PHP图床源码截图源码...

    php源码 152 2年前
  • php+js简单的阿里图床源码
    php+js简单的阿里图床源码

    php+js简单的阿里图床源码,美观且极简响应式,修复了浏览器复制出错的bug。使用方法:上传到PHP环境就可以直接使用,没啥好介绍的了。阿里图床源码截图...

    php源码 151 2年前
  • 最好用的免费稳定图床网站工具大全
    最好用的免费稳定图床网站工具大全

    免费好用的图床工具越来越少了,图床运营成本很大,收益又很难,很多站长都放弃了运营图床网站。要想找到一个稳定的图床非常难,请大家且行且珍惜。我的站长站分享自己用了快一年的图床工具。图床截图免...

    在线工具 57 1年前
  • 遇见图床-免费图片上传外链图床工具
    遇见图床-免费图片上传外链图床工具

    工具介绍遇见图床是一款集合22款图床唯一个的多图床工具,图片最大支持 10.00 MB,最多支持同时上传 100 张 ,免费使用。遇见图床截图支持图床悟空 嘀哩 唔叭 搜狗 纸条 葫芦 海浪 猫盒 牛图 拜读 瓣...

    在线工具 746 1年前
  • 最新收藏十大在线图床推荐分享
    最新收藏十大在线图床推荐分享

    1、路过图床网址:https://imgse.com/介绍:国内比较知名的图床,用户使用较多的图床工具之一,免费,但是页面有少量广告。高速稳定的图片上传和外链服务,全球CDN加速,最大单张支持 10 MB,支持批量上传。不过...

    在线工具 95 4个月前
  • GitHub全面封杀YouTube-dl
    GitHub全面封杀YouTube-dl

    YouTube-dl是什么YouTube-dl是一款万能下载神器,它能够从全网七百多个网站免费下载视频,包括YouTube、优酷、爱奇艺、B站等热门网站;它还可以把视频内容转成任意的格式,包括创建仅包含视频音轨的 Mp3...

    网络新闻 485 2年前
  • 疑似B站后台源代码泄露 GitHub平台已删除

    4月22日下午,据微博大V@互联网的那点事 爆料称,哔哩哔哩(B站)整个网站后台工程源码泄露。目前,源代码已被移除。据了解,这段源代码被公布在GitHub平台上,但并不是托管在B站的官方组织域之下,而是由“openbilibili”的用户创建,代码库名为“go-common”。根据...

    网络新闻 208 4年前
  • GitHub收购JavaScript开发者平台npm

    GitHub收购JavaScript开发者平台npm,宣布此项交易时,GitHub 首席执行官 Nat Friedman 表示:我们将 GitHub 与 npm 集成在一起,以提高开源软件供应链的安全性,并使你能够跟踪从 GitHub 拉取请求到 npm 软件包版本的变化。他进一步补充说:GitHub 赞助商已经...

    网络新闻 136 3年前
最新更新