Загрузка вставленного изображения из javascript с удалением нижней части изображения

Question

У меня есть слушатель события JavaScript, чтобы обработать событие вставки, которое захватывает вставленные данные в виде файла и отправляет его как FormData в API для загрузки изображения. Загрузка прошла успешно, но она удаляет некоторую нижнюю часть изображения, как показано в URL. Если я загружаю одно и то же изображение с помощью кнопки "Загрузить", оно загружается полностью. Таким образом, кажется, что-то идет не так в части JavaScript, которая может не захватывать данные изображения полностью.

Вот код JavaScript. Все вставленные изображения имеют одинаковую проблему.

http://akksharam.com/aksharam/file/image150562614025952381.png/

handlePaste: function(uploadObj, e) {
        for (var i = 0 ; i < e.clipboardData.items.length ; i++) {
            var item = e.clipboardData.items[i];
            console.log("Item: " + item.type);
            if (item.type.indexOf("image -1")) {
                var fd = new FormData();    
                fd.append( 'file', item.getAsFile());

                $.ajax({
                  url: '/myupload',
                  data: fd,
                  processData: false,
                  contentType: false,
                  type: 'POST',
                  success: function(data){
                     console.log('success');
                  },
                  error: function(){
                     console.log('error');
                  }
                });
            } else {
                console.log("Discardingimage paste data");
            }
        }
    }