Как я могу узнать фактический размер файла изображения в Javascript?

Question

Я разработал редактор форматированного текста, используя contenteditable div, используя javascript. который позволяет пользователям копировать и вставлять изображения. Я сохранил ограничение на файл 5Мб. Сценарий 1. Если пользователь помещает изображение в редактор, используя свойства файла, отображается сообщение об ошибке. Все работает нормально. Сценарий 2: если пользователь копирует (ctrl + C) изображение, оно преобразуется в base64Image в буфере обмена. используя программу чтения файлов, когда я проверяю размер, он показывает 29 МБ для файла 5 МБ. Я знаю, что размер файла увеличился из-за шифрования base64. Я пробовал atob () и btoa (), но все еще не помог, как я могу получить исходный размер файла ??

code

function PasteImage(event){           
var items=(event.clipboardData || event.originalEvent.clipboardData).items;         
var blob=items[0].getAsFile();         
console.log(blob.size)--gives 26mb which is formed by base64 encoded.      

}    

Я хотел бы знать, есть ли возможность получить файл реального размера.

Answer 1

при изменении файла типа ввода вы можете получить размер файла:

Like

 <input type="file" id="fileInput" />

    $('#fileInput').on('change', function() {

       alert(this.files[0].size);

    });