欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

html模板

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

github在线图床源码

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

源码介绍

众所周知,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 1187

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

下载地址

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

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

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

    php源码 136 3年前
  • PHP图片托管图床源码
    PHP图片托管图床源码

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

    php源码 167 3年前
  • php+js简单的阿里图床源码
    php+js简单的阿里图床源码

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

    php源码 174 4年前
  • php葫芦侠图床API网站源码
    php葫芦侠图床API网站源码

    php葫芦侠图床API网站源码,源码不存储且无权管理上传的图源,图源均存放在葫芦侠服务器,切勿上传违反法规图源,否则后果自负。图床源码截图...

    php源码 351 4年前
  • chevereto图床破解版thinkphp源码二次授权分发
    chevereto图床破解版thinkphp源码二次授权分发

    chevereto图床破解版thinkphp源码图床源码截图源码使用方法首先根目录新建.env文件,下面是示例web_url = 你的破解站点(就是运行本程序的)的urladmin_key = 123456 管理密钥,生成授权用的c_licen...

    php源码 288 4年前
  • 分享四个无任何限制的国外图床网站
    分享四个无任何限制的国外图床网站

    国内图床网站大部分都有限制,要么限制内容,要么限制大小,或者收费才能使用。既然国内的图床网站都这样,那么我的站长站就去找国外的图床网站,下面分享我的站长站找到的四个无任何限制的国外图床网站。...

    在线工具 69 5个月前
  • 最好用的免费稳定图床网站工具大全
    最好用的免费稳定图床网站工具大全

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

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

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

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

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

    在线工具 196 1年前
  • github在线图床源码
    github在线图床源码

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

    html模板 19 1年前
  • 饭团图床-github图床瀑布流图片库源码
    饭团图床-github图床瀑布流图片库源码

    源码介绍饭团图床是一款基于github的图床源码,前端基于Masonry瀑布流的全屏预览图片画廊。注意下:github仓库都是公开的,不建议存重要图片。饭团图床源码截图源码使用方法只有这一段代码按照图片修...

    html模板 23 1年前
  • github在线图床源码
    github在线图床源码

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

    html模板 19 1年前
  • GithubFile-基于Github图床插件
    GithubFile-基于Github图床插件

    插件介绍GithubFile是一款基于Github的Typecho图床插件,依托Github进行储存,使用第三方代理服务提供图片访问。使用方法1、下载插件 在 Typecho/usr/plugin 目录解压2、解压出的目录更名GithubFile...

    Typecho模板 71 2年前
  • GitHub+jsdelivr快速稳定高效免费图床源码
    GitHub+jsdelivr快速稳定高效免费图床源码

    源码安装方法图床源码截图一、新建GitHub仓库点击NEW新建,填写仓库名和描述,新建仓库截图配置仓库截图三、修改源码 index.php第7行是定义视频背景的 css第9行是定义头像的css第30行是名字第32行是...

    php源码 78 2年前
  • php码云+github图床源码
    php码云+github图床源码

    源码介绍php码云+github图床源码,依托码云和github,搭建一个免费的,受自己控制的图床。既稳定,也不用担心对方跑路。可能目录模式对大图不友好,所以采用贴图+图片链接模式。仅支持单文件,大小限制2MB,本...

    php源码 189 3年前