AJAX代码获取随机图像在Firefox，IE，Edge中无效（仅限Chrome工作）

Question

我正在尝试使用AJAX来显示随机图像。 以下代码适用于文本，但到目前为止还不适合图像。 （问题是：点击“变更”后我无法获得随机图片

这是代码：

的index.php

<script type="text/javascript">
function ajax(url,tag) {
  if (window.XMLHttpRequest) {
    xxx = new XMLHttpRequest();
  } else {
    xxx = new ActiveXObject('Microsoft.XMLHTTP');
  }

  xxx.onreadystatechange = function() {
    if (xxx.readyState == 4 && xxx.status == 200) {
      document.getElementById(tag).innerHTML = xxx.responseText;
    }
  }

  xxx.open('GET', url, true);
  xxx.send();
}
</script>

<div id="code"><img src="generate.php"></div><br>
<input type="submit" value="Change" onclick="ajax('code.php','code');">

code.php

<?php
if (!isset($_SESSION)) {
  session_start();
}
$_SESSION['text'] = rand(1000,9999);
?>
<img src="generate.php">

generate.php

<?php
if (!isset($_SESSION)) {
  session_start();
}

header('Content-type: image/jpeg');

if (!isset($_SESSION['text'])) {
  $_SESSION['text'] = rand(1000,9999);
}

$text = $_SESSION['text'];

$im = imagecreate(50, 20);
imagecolorallocate($im, 255, 255, 255);
$textcolor = imagecolorallocate($im, 0, 0, 0);
imagestring($im, 5, 0, 0, $text, $textcolor);
imagejpeg($im);
?>

我不知道如何修复它，请帮忙，谢谢。