Base64 AJAX Chrome Error

by Ellery Leung

HTML

<input type="file" name='myflie' class='myfile' id='myfile' />
<p>Img Below:</p>
<div class="upload"></div>
<p>Base64 below:</p>
<div class="base64" style="width:400px;white-space:pre-line;"></div>

JavaScript

$(".myfile").on("change", function(e) {
  var myImg = $(this)[0].files[0];
  var reader = new FileReader();
  reader.onload = function(e) {
    $('.base64').html(e.target.result);
  }
  reader.readAsDataURL(myImg);
});

var image = document.createElement('img');
var image = new Image();
image.src = $('.base64').text();
$(".upload").append(image);