используя HTML5 File API с плагином повышения масштабирования jquery

Я пытаюсь использовать повышающий плагин jquery для увеличения на изображении, созданном с файлом api, прямо с пользовательского компьютера. Однако это не работает! Это означает, что увеличение масштаба не распознает "src" изображения.

Есть идеи?

Большое спасибо!

Вот мой JS:

$("#testing").change(function(e) {
  var file, i, image_width, img, reader, _results;
  i = 0;
  image_width = void 0;
  _results = [];
  while (i < e.originalEvent.srcElement.files.length) {
    file = e.originalEvent.srcElement.files[i];
    img = document.createElement("img");
    img.id = "draggable";
    reader = new FileReader();
    reader.onloadend = function() {
      var image_h, image_w;
      img.src = reader.result;
    };
    reader.readAsDataURL(file);
    $("#preview_images").after(img);
    _results.push(i++);
  }
  return _results;
});

$(function() {
  $("img").elevateZoom({
    zoomType: "inner"
  });
  return {
    cursor: "crosshair"
  };
});

Вот мой HTML:

<img src="data:image/jpeg;base64,/{HUGE LINES OF CODE HERE}">