分享一波图床API和chome插件

因为这些天在搞个人博客，感觉在图片上传这块真的很费脑子哦，于是在网上逛了一圈，找到了一些好用到爆的图床API和插件。好东西分享出去才会价值最大化，所以在这分享出来

chome插件-新浪微博图床

插件下载地址

新浪微博图床插件下载地址

插件介绍

简单好用的新浪微博图床,支持选择/拖拽/粘贴上传图片,并生成图片地址,HTML,UBB和Markdown等格式,支持浏览和删除历史记录
五星好评,简单易用并且开源的新浪微博图床扩展.

• 支持点选/拖拽/本地粘贴3种方式上传图片至新浪微博图床
• 支持批量上传
• 支持生成图片地址,HTML,UBB和Markdown四种格式
• 支持本地保存和删除上传历史
• 支持在常用在线markdown编辑器中使用ctrl+v粘贴图片，图片自动上传到微博图床。(目前已支持github，csdn及zybuluo的markdown在线编辑器)
• 支持https模式
• 支持自定义Chrome菜单栏图标

使用效果

imgbb -API

API官网

imgbb官方网站
imgbb外部插件

插件介绍

它提供图像上传到任何网站，放置一个按钮，将允许您的用户直接上传图像到我们的服务，它将自动处理插入所需的代码。 所有功能包括拖放，远程上传，图像调整大小等。

• 该插件适用于具有用户可编辑内容的任何网站
• 不需要额外的自定义，它将放置一个与目标编辑器工具栏匹配的上传按钮去上传
• 支持https模式
• 支持生成图片地址,HTML,UBB和Markdown四种格式

使用效果

虫洞图床-API

插件地址

虫洞图床

插件介绍

这个网站是类似于图片托管的网站

• 内有两种API供你选择 1、新浪微博（很强大啊，到处都是你），2、我不知道怎么形容，自己去看
• 开发过七牛云的话使用这个毫无压力
• 其实原理就是跨域提交（ajax提交，后端提交都可以）
• 支持批量上传

示例代码

给你个js代码自己去体会吧，就是正常的ajax提交

function uploadPic(a) {
    if (a.files && a.files[0]) {
        if (0 != a.files[0].type.indexOf("image")) return $(".upload-btn").html('<span style="color: #c50808">请选择图像文件上传</span>');
        a = new FormData($("#upload-form")[0]);
        $.ajax({
            url: "https://www.17uw.cn/api/upload/weibo",
            type: "POST",
            xhr: function() {
                myXhr = $.ajaxSettings.xhr();
                myXhr.upload && myXhr.upload.addEventListener("progress",
                function(a) {
                    a.lengthComputable && (a = a.loaded / a.total, 1 == a ? $(".upload-btn").html('<span style="color: #c50808">上传完成，处理中...</span>') : $(".upload-btn").html("上传中，进度：" + 100 * a + "%"))
                },!1);
                return myXhr
            },
            beforeSend: function() {
                $(".upload-btn").html("准备上传..")
            },
            success: function(a) {
                "success" != a.code ? $(".upload-btn").html('<span style="color: #c50808">' + a.msg + "</span>") : ($(".input form")[0].url.value = a.data.url.replace(/http:/g, "https:"), commentExtraPicSubmit($(".input form")[0]))
            },
            error: function(a) {
                console.log(a);
                $(".upload-btn").html('<span style="color: #c50808">图片上传出错</span>')
            },
            data: a,
            dataType: "json",
            cache: !1,
            contentType: !1,
            processData: !1
        });
        return ! 1
    }
}

注：这篇文章会长期更新，如果小伙伴有好资源的话请发表在评论区