利用七牛网存储图片

缩略图和原图实现

网上很多都是在本地利用Python等语言进行压缩,繁琐且浪费空间
本文使用七牛网自带的图片处理功能进行缩略图的压缩
首先在存储空间->图片样式,新建一个图片样式,默认就行,图片瘦身可以关闭,最后得到一个处理接口,如imageView2/1/w/200/h/200/q/85,在图片链接后加上?和处理接口就行
例如:原图链接http://pnbj1h9rr.bkt.clouddn.com/2019-02-22_1533974526388.jpg,缩略图链接为http://pnbj1h9rr.bkt.clouddn.com/2019-02-22_1533974526388.jpg?imageView2/1/w/200/h/200/q/85
这都是链接,不需要在本地完成,我们配置JSON文件的时候只需要读取文件名,利用Python添加对应的文件名就行

相册页面实现

  1. 参考博客的实现方法
  2. 修改source\lib\album\ins.js文件114行的render()函数中的两个变量
    var minSrc = 'http://pnbj1h9rr.bkt.clouddn.com/' + data.link[i]+'?imageView2/1/w/200/h/200/q/85';
    var src = 'http://pnbj1h9rr.bkt.clouddn.com/' + data.link[i];

    Python脚本编辑JSON

    在JSON中添加