FileReader.readAsDataURL not working for some file types in IE10

Question

$('#file').on('change', function (e) {
    if (FileReader) {
       var reader = new FileReader();
        reader.onload = function (e) {
            var data = e.target.result;
        };
        reader.onloadend = function (x) {
            var other = x.target.result;
        };
        reader.onerror = function (error) {

        };
        reader.readAsDataURL(e.target.files[0]);
    }
});

This is an input of type="file". This works when selecting several file types. But, for some file types e.target.result (including tiff) always comes back null.

e.target.result = null or empty (for some file types)
e.target.error = null.  
e.target.readyState = 2.
e.total is always a large positive number.

The result of onloadend is the same as onload and onerror never gets hit.

Please note that this seems to be an IE10 issue. It works fine in IE11, Chrome, and FireFox. My OS is Server 2012.