使用文件阅读器上传文件后显示图像 Canvas Javascript

Question

所以我正在尝试使用文件阅读器在 canvas 上显示图像。 但它不会起作用。 我不知道问题出在哪里。

var canvas = document.getElementById("ourCanvas"),
context = canvas.getContext('2d'),
uploadedFile = document.getElementById('uploaded-file');

window.addEventListener('DOMContentLoaded', initImageLoader);

function initImageLoader() {
  uploadedFile.addEventListener('change', handleManualUploadedFiles);
  function handleManualUploadedFiles(ev){
    var file = ev.target.files[0];
    handleFile(file);
  }

}


function handleFile(file) {
  var imageType = /image.*/;

  if(file.type.match(imageType)){
    var reader = new FileReader();

    reader.onloadend = function(event) {
      var tempImageStore = new Image();

      tempImageStore.onLoad = function(ev){
        canvas.height = ev.target.height;
        canvas.width = ev.target.width;
        context.drawImage(ev.target, 0, 0);
      }
      tempImageStore.src = event.target.result;
    }

    reader.readAsDataURL(file);
  }
}

上传文件后，Canvas 上没有显示图像，并且在控制台中没有显示任何错误。 我的代码有问题吗？