根据链接规则获取七牛云图床的图片

根据链接规则获取七牛云的图床内的图片

前提:已经使用了自动运行的py脚本每天爬取bing每日美图至七牛云,存储七牛云的链接规则为时间格式,例:https://imgbing.lonuslan.lan/{timestamp},其中{timestamp}的格式为20200524(year + month + day),实际链接如:https://imgbing.lonuslan.com/20210604

后续访问该链接的图床只需要通过一定的规则生成随机时间就可以使用了

代码示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<button class="test" onclick="test()">点击获取图片</button>
<div id="showImg" style="margin: 0 auto">
  <img id = "bingImg" width="800px" height="600px" src=""/>
</div>
<script>
  var bingImg = document.getElementById("bingImg")
  const baseUrl = "https://imgbing.lonuslan.com/"
  // 图片的链接格式为:https://imgbing.lonuslan.com/20210602
  var startDate = new Date("2021/4/11")
  // 设置随机日期时间常量
  const randomdate = randomDate(startDate)

  // let year = randomdate.getFullYear()
  // let month = randomdate.getMonth() + 1 < 10 ? "0" + (randomdate.getMonth() + 1) : randomdate.getMonth() + 1
  // let day = randomdate.getDate() < 10 ? "0" + randomdate.getDate().toString() : randomdate.getDate()

  function getUrl(base, prefix){
      return base + prefix
  }
  function getTheNextPrefix(randomdate, sum){
      var dd = new Date(randomdate);
      dd.setDate(dd.getDate() + sum);
      //获取年数
      var y = dd.getFullYear();
      //获取标准格式的月份数
      var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
      //获取标准格式的天数
      var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
      return "" + y + m + d
  }
  // 返回从开始时间到现在的某一天
  function randomDate(startDate){
      return new Date(startDate.valueOf() + Math.floor(Math.random() * (new Date().valueOf() - startDate.valueOf())))
  }
  let sum = 0
  function test() {
      console.log("获取图片地址")
      console.log("开始日期为:" + startDate)
      console.log("随机日期为:" + randomdate)
      prefix = getTheNextPrefix(randomdate, sum)
      bingImg.src = getUrl(baseUrl, prefix)
      sum = sum + 1
  }
</script>
</body>
</html>

你也可以通过如下方式试验:
点击获取图片 不可用


标题: 根据链接规则获取七牛云图床的图片
文章作者: lanlonus
文章链接: https://louislan.com/articles/2021/06/10/1623312144949.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Hi I'm LouisLan
    评论
    4 评论
    Teacher_Du 2021-08-27 00:11

    十年之约-虫洞穿梭而来,学习到了!

    louis_lan 2021-06-12 16:31
    回复» @测试

    //TODO 评论待优化👀️

    测试 2021-06-11 15:47

    👀️

    测试 2021-06-10 18:00

    👎

avatar

取消