如何在javascript中读取图像文件

Question

我有以下javascript示例：https://jsfiddle.net/rdqwnd9n/

它由文件上传元素和图像元素组成，其中包含以下javascript代码：

var input = document.querySelector('input');
var readFiles = function(){
  var reader = new FileReader();
  reader.readAsDataURL(files[0]);
  console.log(reader.result);

  var img = document.querySelector('img');
  img.src = reader.result;
}

我将上传的文件作为dataURL读取，然后将该（假设的）图片反馈给图像元素。我在这里缺少什么？