title: Javascript Blob anchortag download produces corrupted file
body: <p>the following code downloads a file that can't be opened(corrupt) and I have absolutely no idea why. I've tried this in so many ways but it never works, it always produces a corrupt file. The original file isn't the problem because it opens fine. I'm trying to open mp4, mp3, and image files.</p>
  
  <p>//$scope.fileContents is a string</p>
  
  <pre><code>$scope.fileContents = $scope.fileContents.join(",");
          var blob = new Blob([$scope.fileContents], {type: $scope.file.fileDetails.type});
          var dlURL = window.URL.createObjectURL(blob);
          document.getElementById("downloadFile").href = dlURL;
          document.getElementById("downloadFile").download = $scope.file.fileDetails.name;
          document.getElementById("downloadFile").click();
          window.URL.revokeObjectURL(dlURL);
  </code></pre>