ios - Cordova reader.onloadend没有被解雇

Question

我正在使用cordova制作跨平台应用程序。

我想从照片库中获取图像并在屏幕上预览并将其上传到服务器。
到目前为止，我可以将图像显示在屏幕上。

问题是reader.onloadend没有被触发，什么也没发生。

$scope.getImage = function() {

    var options = {
        quality: 100,
        sourceType: 0     // 0:Photo Library, 1=Camera, 2=Saved Album
    };

    var onSuccess =  function(imageURI) {
        var pic = document.getElementById('addImage');
        pic.style.display = 'block';
        pic.src = imageURI;

        var reader = new FileReader();

        reader.onloadend = function(evt) {
            alert("loaded");
        };

        reader.onerror = function(error) {
            alert("error");
        };

        reader.readAsArrayBuffer(imageURI);
    };

    var onFail = function(message) {
        alert("error");
    };
    navigator.camera.getPicture(onSuccess, onFail, options);
};

我已经为这个问题苦苦挣扎了2天，发现它的线程 phonegap filereader onloadend doesn't work完全相同，但是还不能解决。

有人有什么建议吗？
感谢您的帮助。

Answer 1

我确定这是Angular 2中zone.js的问题。
一种解决方法是将FileReader对象包装到其自己的区域中。

const WrappedFileReader = window.FileReader
window.FileReader = function OriginalFileReader(...args) {
  WrappedFileReader.apply(this, args)
  const originalInstance = this[Zone.__symbol__('originalInstance')] // eslint-disable-line

  return originalInstance || this
}