vs里用Ajax调用存入Ajax里面的图片到div上并判断页面刷新时图片随之刷新

好的，根据您的问题描述，我理解您需要用 Ajax 调用存储在服务器端的图片，并将其展示在页面上的某个 div 元素中。同时，当页面刷新时，需要确保图片也能够随之刷新。下面是一个参考的代码示例，供您参考：

HTML 代码：

<div id="image-container"></div>

JavaScript 代码：

// 定义用于调用 Ajax 的函数
function callAjax(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      callback(xhr.responseText);
    }
  };
  xhr.open("GET", url, true);
  xhr.send();
}

// 定义用于刷新图片的函数
function refreshImage() {
  var imageContainer = document.getElementById("image-container");
  // 在调用 Ajax 前，先移除原有的图片
  while (imageContainer.firstChild) {
    imageContainer.removeChild(imageContainer.firstChild);
  }
  // 调用 Ajax 加载新的图片
  callAjax("image.php", function(response) {
    var img = document.createElement("img");
    img.setAttribute("src", response);
    imageContainer.appendChild(img);
  });
}

// 页面加载完成后，调用刷新图片的函数
window.onload = refreshImage;

// 监听页面刷新事件，当页面刷新时，再次调用刷新图片的函数
window.addEventListener("beforeunload", function() {
  refreshImage();
});

在上面的代码示例中，我们定义了两个函数：`callAjax` 和 `refreshImage`。`callAjax` 函数用于调用 Ajax，从服务器端加载图片的 URL。`refreshImage` 函数则用于刷新图片。在 `refreshImage` 函数中，我们先移除原有的图片元素，然后再调用 `callAjax` 函数加载新的图片，并将其添加到页面上的 `image-container` 元素中。在页面加载完成后，我们调用 `refreshImage` 函数，以确保第一次加载图片。同时，我们还监听了页面刷新的事件，并在事件发生时再次调用 `refreshImage` 函数，以确保图片能够随之刷新。

需要注意的是，上面的代码示例中，我们假设服务器端的图片 URL 返回的是一个字符串格式的图片数据，因此我们直接将其设置给 `img` 元素的 `src` 属性。如果您的服务器端返回的是一个图片文件，您需要将其转换为 Base64 编码的字符串，或者通过其他方式将其加载到页面上。