循环显示没有HTML文件的公共图像目录

Question

我正在尝试从NOAA /国家气象局这里动态获取图像

https://radar.weather.gov/ridge/RadarImg/N0R/MTX

使用JavaScript，事实证明这很棘手。即使图像文件的名称是标准的/可预测的，命名约定的一部分也包括捕获图像的时间，并且这些时间各不相同，因此遍历目录而不是仅仅花费很多时间是更有意义的。猜。我知道由于明显的安全问题，通常不允许扫描目录，因此我尝试在iframe中打开它，但是本身没有“ index.html”文件-所有html似乎都是由浏览器自动生成的，因此没有DOM可以使用。

所以以前有人处理过类似的事情吗？我很困惑。

Answer 1

位于该URL的服务器实际上以您在浏览器中看到的HTML进行响应。这是一个解析来自node.js中此目录中图像的示例：

const DOM = require('dom-parser')
const axios = require('axios')

axios.get('https://radar.weather.gov/ridge/RadarImg/N0R/MTX/').then((res) => {
  const dom = new DOM().parseFromString(res.data)
  const imageUrls = dom.getElementsByTagName('a')
    .map(link => link.getAttribute('href'))
    .filter(url => url && url.match('gif$'))
  console.log(imageUrls)
})