Don't forget that you have had a dream

    

分享一波图床API和chome插件

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

chome插件-新浪微博图床

插件下载地址

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

插件介绍

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

五星好评,简单易用并且开源的新浪微博图床扩展.

  • 支持点选/拖拽/本地粘贴3种方式上传图片至新浪微博图床
  • 支持批量上传
  • 支持生成图片地址,HTML,UBB和Markdown四种格式
  • 支持本地保存和删除上传历史
  • 支持在常用在线markdown编辑器中使用ctrl+v粘贴图片,图片自动上传到微博图床。(目前已支持github,csdn及zybuluo的markdown在线编辑器)
  • 支持https模式
  • 支持自定义Chrome菜单栏图标
  • 该插件适用于具有用户可编辑内容的任何网站
  • 不需要额外的自定义,它将放置一个与目标编辑器工具栏匹配的上传按钮去上传
  • 支持https模式
  • 支持生成图片地址,HTML,UBB和Markdown四种格式
  • 内有两种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
    }
}

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

您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!
所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 知识共享许可协议 进行许可。

评论已关闭

  更新日志

博客banner下方滚动文字替换为使用 一言API 随机获取 --- updated on 2019-05-22 09:04:31 星期三

  关于博主

三里林,一个致力于分享,分享心得,分享技术,分享知识点的个人博客

  近期评论

  分类目录

上了陆地的鱼就不能再叫做鱼了

火娃的熊熊烈焰 水娃的滔滔巨浪 当两种力量结合到一起的时候 就变成了 水蒸气

永远不要忘记,直至天主垂允为人类揭示未来图景的那一天来到之前,人类的全部智慧就包含在这五个字里面:等待和希望.

愿你以渺小启程,以伟大结束。

一个人有两个我,一个在黑暗中醒着,一个在光明中睡着。

时间是世上最快的一把杀人刀,无论你是万世将种,还是绝世美人,到头来都逃不过这把刀的索命。枯骨荒冢,有谁还记得你生前的模样是丑是美。

不合理的事物,未必都是显而易见的

我们是如此的担心着未来会发生的事情,因此忘记了慢下来享受现在。