贴图库图床上传程序

Zero零分 代码 4,395 0 5年前

SAE彻底收费之后,博客的图片全部都挂了,因为SAE上的图片都是以时间为文件名的,为了将博客图片下载回来,花了10块钱买了1000个云豆,也就用了3天不到的时间。

图片总归是需要地方存放的,腾讯云,阿里云,七牛似乎都有空间和流量的限制,虽然没有多大的流量,总归还是不是很惊喜,传言,贴图库的图片存储是无限空间,无限流量的。就折腾起了贴图库。

之前有写过贴图库的图片URL用PHP生成图片重写。现在需要的是一个上传。官网有提供上传接口,半吊子的专业知识,终究还是有点难度,幸好,度娘。经过两天的度娘、编写,终于写成了一个贴图库图床的上传程序!顺便带有水印!

上传过程带有进度条,并且显示文件名,贴图库图片链接,本地化图片链接,图片预览!

使用说明:

1、注册贴图库账户

首先访问贴图库官网//open.kekaoyun.com/注册成为会员(已失效)。

2、生成Token

Token在上传图片的时候需要用到,注册完之后进入管理中心 — 生成上传Token — 选择相册(没有相册可以先创建一个相册) — 上传方式(选择本地上传) — 立即生成代码,就完成了上传Token的生成!

3、下载源码

代码已经打包到百度云网盘,点击这里下载://pan.baidu.com/s/1skLkMzb ,解压出tietuku文件夹

4、设置域名和Token

大码下载到本地之后,用网页编辑工具(如NotePad++,FrontPage等, 不要使用记事本编辑 )打开index.html文件,找到下图中的两处,大概在15行和16行,将自己的域名和生成的Token替换原来的域名和Token。

5、上传代码

将代码文件上传到自己的网页空间。

PS:水印文件和默认图片分别为文件夹内的watermark.png和noimg.png

演示地址://demo.32xp.com/tietuku/

6、图片管理

图片管理需要登录贴图库相册去管理,虽然贴图库说永久免费无限空间无限流量,但是谁也保证不了他就不变挂,稳定性也不包保证,万一挂了,博客的图片也就跟着挂了,建议上传之后还是在本地做好备份,条件允许还是上传到自己的本地空间!

 

发布:2016-04-21 19:19:36
标签:
链接:https://blog.32xp.com/tietuku-up-592.html
END

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

*

用户评论(0)

新浪SAE彻底收费,图床彻底挂了

新浪SAE从开发者认证免费云豆到全民免费几个月后,现在已经彻底收费,因为之前开发者认证遗留的一些云豆已经彻底被消磨殆尽。貌似,之前图床的图片已经全部都不在了。 打算备份也无从备份了。 没有了图床,是不是又要重新开始找图床了。虽然有个ECS,对于图片这种无底的储存也不大敢使用。目前淘宝暂时还未禁止外链,先存放在淘宝空间吧,做一个域名跳转。 不知道,贴图库的图床会是在什么时候开始彻底收费了呢。
随笔 ·

贴图库cn域名正常使用

贴图库CN域名正常使用,.COM域名暂时还是打不开。图片链接需要全部换成.CN的域名才能正常显示! 开放平台获取密钥需要绑定手机了! 不过,手机目前似乎不支持170号码段!能正常获取验证码,却无法提交!
资讯 ·

贴图库域名列入工信部备案黑名单

手里的几个站好久都没有去动过了,就连这个博客也好久没有写了,两个阿里云在那里,搬来搬去的,也就没有去给数据库更新东西,突然,发现,调用贴图库的图片全部都没有办法打开了,百度了一下,才知道,原来贴图库域名列入工信部备案黑名单! 关于服务的恢复时间,此前有用户从贴图库处得到的回复是:“需要时间解决。”而目前的最新消息是,贴图库主域名tietuku.com及备用域名tietuku.cn目前都已被列入工信部备案黑名单,域名备案主体被强制注销。为此,站长之家联系了贴图库官方人员,贴图库暂未对此消息做出回应。 突然觉得,图床,哪里都一样,或许就SAE稳定点,好像手里还有一个腾讯云的50G图片存储空间!
资讯 ·

一个很有趣的CSS3动画效果

一个很有趣的CSS3动画效果,可当过渡页,如loading! 完整代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="robots" content="noindex,follow"> <title>加载中</title> <style> body{font-weight:100;margin:0}body{-webkit-tap-highlight-color:transparent;background-color:#222428;font-size:100%;font-family:Open Sans;height:100%}.loader{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-mos-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;width:80%;overflow:visible}.loader,.loader div{position:absolute;height:36px}.loader div{width:30px;margin:0 10px;opacity:0;animation:move 2s linear infinite;-o-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-webkit-animation:move 2s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#fff;font-size:3em}.loader div:nth-child(8):before{background:#db2f00}.loader div:nth-child(8):before,.loader div:nth-child(9):before{content:'';position:absolute;bottom:-15px;left:0;width:30px;height:30px;border-radius:100%}.loader div:nth-child(9):before{background:#f2f2f2}.loader div:nth-child(10):before{bottom:-15px;height:30px;background:#13a3a5}.loader div:after,.loader div:nth-child(10):before{content:'';position:absolute;left:0;width:30px;border-radius:100%}.loader div:after{bottom:-40px;height:5px;background:#39312d}.loader div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}.loader div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s}.loader div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}.loader div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}.loader div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}.loader div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}.loader div:nth-child(8){animation-delay:1.4s;-o-animation-delay:1.4s;-moz-animation-delay:1.4s;-webkit-animation-delay:1.4s}.loader div:nth-child(9){animation-delay:1.6s;-o-animation-delay:1.6s;-moz-animation-delay:1.6s;-webkit-animation-delay:1.6s}.loader div:nth-child(10){animation-delay:1.8s;-o-animation-delay:1.8s;-moz-animation-delay:1.8s;-webkit-animation-delay:1.8s}@keyframes move{0%{right:0;opacity:0}35%{right:41%}35%,65%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}65%{right:59%}to{right:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@-webkit-keyframes move{0%,to{opacity:0}0%{right:0}35%{right:41%}35%,75%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}75%{right:59%}to{right:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}} </style> </head> <body class="ie8"> <div class="loader"> <div> C </div> <div> S </div> <div> S </div> <div> 动 </div> <div> 画 </div> <div> 吗 </div> <div> ? </div> <div> </div> <div> </div> <div> </div> </div> </body> </html> 演示地址:效果演示
代码 ·

JOS京东联盟API接口调用

突然突然突然,觉得做一个京东联盟API调用,也许,在微信QQ等场景是不会有被屏蔽的现象。 于是于是于是,就去研究了下京东联盟API,看着一堆接口,描述的确挺不错的,实际返回内容,可能不是你想的那样。。。 另外另外另外,京东联盟的API调用是需要一个token授权的,而且,这个token授权还需要登陆京东账户的,好在这个token的有效期是1年,在1年内,登陆一次就好!据说,修改过京东账户密码,是需要重新获取一次的! 好吧好吧好吧,那就来获取token授权码,想获取token,先得获取code,通过code,再获取token! 先看下官方说明: 再看下获取授权码的API请求链接: https://oauth.jd.com/oauth/authorize?response_type=code&client_id=YOUR_CLIENT_ID& redirect_uri=YOUR_REGISTERED_REDIRECT_URI&state=YOUR_CUSTOM_CODE 对着参数列表,链接是这样的! https://oauth.jd.com/oauth/authorize?response_type=code&client_id=你的Appkey& redirect_uri=你的回调URL&state=随意写 改好后,复制黏贴到浏览器打开,就是一个授权登陆,登陆之后自动跳转到回调地址,参数中带有code值! 通过code值获取token,获取token值请求地址: https://oauth.jd.com/oauth/token?grant_type=authorization_code&client_id=你的Appkey& redirect_uri=你的回调URL&code=刚刚获取的code&state=随意写&client_secret= 你的appSecret 复制到浏览器打开,就可以获得需要的token。 另外,有一个叫做Refresh token的刷新token来延迟Access token的时效,也就是,如果获取一次,可以在有效期内延长时间,比如计划! 获取了Access token之后,就可以使用API接口了! 最后,只想说,京东联盟的API,始终没有阿里妈妈API来的方便! 参考官方文档://jos.jd.com/doc/channel.htm?id=152
代码 ·
Zero零分
站龄14年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
464
文章
35
评论
27
分类
819
标签
7
友链
onlinelovesky 317355746 122551965@qq.com

百度广告