javascript - JS函数交换图像

Question

使用预先训练的图像分类模型，我创建了一个网页，理论上将允许用户浏览计算机查找图像，当选择该图像时，它会自动处理，并显示前三个响应最有可能的图像以及每个图像的概率显示在网页上。我的JS函数可能很错误，我有点自学。如果有帮助的话，我也在使用 MaterializeCSS 和 Tensorflow.js。

我在更改当前用用户选择的图像硬编码的图像时遇到问题。

HTML

<div name="imagePost" class="offset-s1 col s6">
   <img class="responsive-img" id="changeImage" src="images/dog.jpg" alt="description">
   <input type="file"  name="pickImage" onchange="swapImage(pickImage)">
</div>

JS函数

function swapImage (pickImage) {
    var image_toShow = pickImage;

    document.getElementById('changeImage').innerHTML = image_toShow;
}

Answer 1

以下是交换图像的方法

function swapImage(event) {
  var selectedFile = event.target.files[0];
  var reader = new FileReader();

  const img = document.getElementById("changeImage");

  reader.onload = function(event) {
    img.src = event.target.result;
  };

  reader.readAsDataURL(selectedFile);
}