Question

我可以轻松地使用此方法获取.txt文件，但是当我尝试获取图像时，会发送一堆未编码的字母，例如 @R J ，我该如何获取图像？

<!DOCTYPE html>
<html>
<body>

<h1 id="demo">Let AJAX change this text</h1>

<button id="button">Change Content</button>

<script>
document.getElementById('button').addEventListener('click', function(){

  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "images.jpg", true);
  xhttp.send();

});
</script>

</body>
</html>

修改

我实际上已经知道我可以做document.getElementById("demo").setAttribute('src', 'https://placeimg.com/640/480/any');

并在HTML <img id="demo" src="" />

中

它适用于外部资源但是生活在我的服务器中的图像呢？

Answer 1

如果图片在您的服务器上，您可以通过绝对地址src="http://localhost:portnumber/pathOfTheImage/image.png"或相对于您的网站文件夹src="/images/image.png"获取该图片。

如何使用XMLHttpRequest获取.jpg图像？

1 个答案: