仅在输入更改时使用javascript获取输入值

Question

我有这段代码：

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

即从文件上传字段获取输入，并使用＆＃34; imagePreviewer＆＃34;将文件路径插入到图像元素的src属性中。标识。

问题是：当页面加载时，它会将图像的src更改为＆＃34; null＆＃34;。我只有在用户上传文件时才需要使用此功能...

现在我尝试了不同的方法，无法使其正常工作所以我真的会对此提出一些帮助！

谢谢， 本

Answer 1

取决于用户在没有选择图像时看到的内容。我看到两种方式：

1. 如果您想要显示一个空框，您可以显示带有一些背景的css样式的div元素，或者只显示无图像选择的图片（如http://allensguide.com/img/no_image_selected.gif），并更改用户选择图片时src。
2. 在用户选择图像之前，您可能根本不会显示预览框。