Cordova reader.onloadend is not fired
<p>I'm making a cross platform app with cordova.</p>

<p>I want to get an image from photo library and preview it on screen and upload it to server.
I could do the image is displayed on screen so far.</p>

<p>The problem is reader.onloadend is not fired and nothing happens.</p>

<pre><code>$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);
};
</code></pre>

<p>I've been struggling this problem for 2 days and found exactly same thread <a href="https://stackoverflow.com/questions/20073302/phonegap-filereader-onloadend-doesnt-work">phonegap filereader onloadend doesn&#39;t work</a> but couldn't solve yet.</p>

<p>Does anyone have any suggestion?
I appreciate any help.</p>