时间戳

首页 > 解决方案 > 如何使用纯 JS 使用 AJAX 获取文件夹中的所有图像？

javascript - 如何使用纯 JS 使用 AJAX 获取文件夹中的所有图像？

问题描述

我正在尝试使用 AJAX 请求获取文件夹中的所有图像（用于图像滑块）。我发现这个 jQuery 解决方案工作得非常好，除了它使用 jQuery。纯 JS 等价物会是什么样子？（即 XMLHttpRequest）

标签： javascript

解决方案

感谢@FZs 的帮助，这就是我最终得到的。谢谢！

var xhr = new XMLHttpRequest();
xhr.open("GET", "/img", true);
xhr.responseType = 'document';
xhr.onload = () => {
  if (xhr.status === 200) {
    var elements = xhr.response.getElementsByTagName("a");
    for (x of elements) {
      if ( x.href.match(/\.(jpe?g|png|gif)$/) ) { 
          let img = document.createElement("img");
          img.src = x.href;
          document.body.appendChild(img);
      } 
    };
  } 
  else {
    alert('Request failed. Returned status of ' + xhr.status);
  }
}
xhr.send()

推荐阅读