如何使用AngularJS IE将文件上传到画布？

Question

我正试图在IE上调试此代码。此代码使用AngularJS和文件输入。它在Chrome上运行良好。

$scope.file_changed = function(element) {
      var files = element.files; // FileList object
      var can = document.getElementById('canvas');
      var ctx = can.getContext('2d');
      var photofile = element.files[0]
      var reader = new FileReader();
          reader.onload = (function(theFile) {
                return function(e) {

                  var img = new Image();
                  img.onload = function(){
                      can.width = img.width;
                         can.height = img.height;
                      ctx.drawImage(img,0,0);
                  }
                  img.src = event.target.result;

                  $scope.imageSource= e.target.result; 
                  $scope.$apply();  
                };
              })(photofile);
          reader.readAsDataURL(photofile); 
  }// End Method file_changed

和html：

<input ng-model="photo"
           onchange="angular.element(this).scope().file_changed(this)"
           type="file" accept="image/*" /> 

IE调试器说：SCRIPT5007：Impossible d'obtenirlapropriété«result»d'uneréférencenullounondéfinie 对于这个ligne：img.src = event.target.result;

我在Firefox上有相同的buf。有没有人有想法？