title: Saving an Image Blob
body: <p>I have a function that allows me to pass file content, name, and type and the function will automatically save it. It works great for text based documents, but now I'm trying to have it save other files, like an image file. Somewhere along the line its getting corrupted and isn't working.</p>
  
  <pre><code>function write(text, filename, mime){
      var file = new Blob([text], {type:mime}), a = document.createElement('a');
  
      // Download in IE
      if(window.navigator.msSaveBlob) window.navigator.msSaveBlob(file, filename);
  
      // Download in compliant browsers
      else{
          var url = URL.createObjectURL(file);
          a.href = url, a.download = filename;
          document.body.appendChild(a);
          a.click();
          setTimeout(function(){
              document.body.removeChild(a);
              window.URL.revokeObjectURL(url);}, 0);}}
  
  write('Plain text', 'demo.txt', 'text/plain');
  
  write(atob('iVBORw0KGgoAAAANSUhEUgAAAAEAAAAdCAIAAADkY5E+AAAAD0lEQVR42mNg0AthoDMGAE1BDruZMRqXAAAAAElFTkSuQmCC'), 'demo.png', 'image/png');
  </code></pre>