七牛云存储-图床-chrome插件实现

七牛云存储-图床-chrome插件实现

月光魔力鸭

2018-09-10 09:25 阅读 1235 喜欢 0 chrome系列 七牛 图床

来由

前一阵子做了个图床,可以粘贴上传,查看服务器上的文件... 但是自己的服务器总是有问题..空间还小,就怕哪天没钱续费了。同事昨天想要一个七牛的图床,在网上找了下,只找到了 qiniu upload files插件,自己使用了下,挺好用,但是没有复制粘贴. 一般用来写MD,都是从截图产生的图片,这样还需要保存截图到本地,然后把窗口缩小,拖拽进来..就感觉有点受不了了。

过程

然后直接把这个插件的源码搬下来,改动了下,保留了数据保存和链接、上传部分代码。终于可以粘贴上传了。

想法

其实我想要的很简单,就是粘贴下拿到链接扔到MD中就完了..当然简书这种模式最舒服了,直接在编辑器中粘贴即可

#结果 先来个动图.. GIF.gif

是的,就是这么简单。后续看了下图床管理这块,发现有需要链接第三方服务器查询的..考虑到这种不安全,就直接去掉了。

注意

没有发布到谷歌商店,直接上压缩包吧,有需要的可以下载到本地试试。 说在前面:这个版本只支持粘贴上传图片(其他的没有测试...也没处理),属于最最最简单的粘贴上传功能。如果不满足的话,可以找下 qiniu upload files .传送门

安装

安装步骤:

  1. 下载压缩包到本地,解压 2.打开chrome开发模式,加载解压文件夹即可。
  2. 谷歌会经常提示你,开发者模式比较危险,建议你关闭..其实你可以看下代码..真的没什么的。看个人咯。 4.加载后,先从选项中进行配置下,配置好了就可以上传了。

压缩包

附上压缩包地址:https://pan.baidu.com/s/18GRM3EM0OMIGz4wjw5XbXg

ps: 后续可能会更新..看心情咯

转载请注明出处: https://chrunlee.cn/article/chrome-learn-7.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
扩展程序中会有需要请求外部接口获取数据的时候,如果直接在JS中写的话,会跨域,但是谷歌扩展程序支持这种情况,只需要配置一下即可。
很久之前学习chrome扩展插件的时候已经做过一个了,好久没咋用,最近又跑了一个存储服务,准备在配合这个服务做个图床,以后就用这个了,之前的服务器到期忘了迁移数据都没了,这次换了服务器,在家里了,估计以后不会再做了吧,这个算是最后一个了,有啥问题就在这个进行优化了。
本来是想做一个图床,然后在chrome扩展中添加上,但是发现chrome的扩展有点毫无头绪,只能从头练习,从头学了。
mysql数据库插入double类型确没有小数点
功能来源于客户需求。客户有需求想把班级内所有学生的错题本生成pdf文档下载下来... 目前没有做这个功能,只有页面,还好chrome浏览器有保存pdf的功能,但是一想到这么多的学生,这么多的学科、以及这么多的参数... 还好有puppeteer
最近在做直播,是用的webrtc,然后找的免费的starrtc ,当然,可能由于种种原因吧.. 用起来并没有特别顺畅,后续还希望能够深入这部分,从现在开始学习..当然,websocket 是顺带的,可以用来发消息什么的肯定也是要用到的。
浏览网页的时候经常会有文本无法选中,无法复制的情况,这里简单说个简单的方法,不需要下载什么东西,也不用安装什么软件、插件、油猴啥的都不需要。
一直有跑着puppeteer在做pdf的生成,可以今天突然发现一个问题:预览与打印生成的PDF不一致,猜测可能是边距导致的,应该是没设置好... 然后当我在本地尝试的时候也发现了这个问题..要么是字符,要么是版本