修复了一下阿里巴巴图片外链的稳定图床服务

2019年7月4日15:28:22 发表评论 48

网上找了一个可以用的阿里巴巴图片存储服务,查了一下是通过JavaScript脚本,使用ajax异步上传到作者的API之后再返回图片链接的小程序。整个页面只使用了html+js完成的。

修复了一下阿里巴巴图片外链的稳定图床服务

刚开始自己测试时图片返回的链接是不在中间的那个框框里面的,由于作者是取class值的, append追加到class区域内,我改成了获取页面id了,现在图片地址能展示在中间的那个白色框框textarea 区域里面了,也加入了自动递增编号,比如上次第一张图片就显示第一张:链接,第二张就显示第二张:链接,方便大家复制。同时,底部 class="preview" 区域内追加进来的内容我也改了一下,把img显示的同时添加了超链接,返回的图片显示实在是太小了,如果把区域改大,那原本的排版就乱了,所以我退而求次的直接加了超链接,大家点击小图片会直接跳转到图片的url,全屏显示。原本是想加js改成图片全屏展示的,最后由于时间关系没有操作。还有一个需要说的就是本来打算在白色框框textarea里面加入点击自动复制的,但是搞了半小时发现js冲突,最后又还原了,大致就改了两个。

还有需要注意的就是咱们这个PIC 不知道由于作者的API接口限制还是阿里巴巴官方限制,图片不能超过10M,而且传输速度不是很快,大家可以存储一下小的图片,如果私人图片最好还是自己买个存储桶存着吧。

这个接口我查了一下,网上说是暴露在 https://www.aliexpress.com/ 的商家管理页面,阿里巴巴技术团队没有对一处商品编辑的接口做认证,导致了匿名上传的可能性,应该作者也是用的这个方式上传的。

最后一点,由于作者使用的是他自己的随机背景接口,我去掉了,找了一张比较好看的妹子图做背景,因为我实在无法忍受刷新一次换一张图片的方式,很费带宽。

演示地址:https://www.lanqing.net/pic/

至于源码,请打开上面的网址,然后右键,点击查看网页源代码,再键盘上按住Ctrl+A,再按住Ctrl+C,之后,新建一个index.html文件,用记事本打开粘贴就去就行了。

Admin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: