只有在输入发生更改时，才能使用Javascript获取输入值

Question

我有这个代码：

<script>
  var loadFile = function(event) {
    var output = document.getElementById('imagePreviewer');
    output.src = URL.createObjectURL(event.target.files[0]);
  };
</script>

这是从文件上传字段获取输入，并将文件路径插入到带有"的图像元素的src属性；imagePreviewer"；id。

问题是：当页面加载时，它会将图像的src更改为"；空"；。我需要让这个功能只在用户上传文件时工作。。。

现在我尝试了不同的方法，但无法使其工作，所以我真的很感谢您的帮助！

Answer 1

这取决于用户在没有选择图像时看到什么。我看到两种方式：

1. 如果你想显示一个空框，你可以显示一个css风格的div元素，有一些背景，或者只是没有图像选择的图片(比如http://allensguide.com/img/no_image_selected.gif)，并且当用户选择图像时改变src
2. 在用户选择图像之前，您可能根本不显示预览框