Javascript FileReader.result返回null

我试图设置一个页面，让您上传一个txt文件（即另一个程序生成的日志文件），然后进一步操作文本。到目前为止，我只想console.log文本，但稍后我计划分离行并从中获得一些细节来运行我的程序

无论如何，当我上传日志文件时，我得到以下信息： 空的

$（“#draftlog”）.change（函数（）{
var logFile=$（'#draftlog'）.get（0）.files[0]；
var reader=新文件读取器；
reader.readAsText（日志文件）；
var rawLog=reader.result；
console.log（rawLog）；
});
正文{
保证金：0；
最小宽度：1200px；
}
.皮克斯集装箱{
左缘：5%；
宽度：90%；
边框：1px纯黑；
}
.cardbox{
保证金：1px；
边框：2件纯黑；
边界半径：5px；
宽度：自动；
显示：内联块；
}
.卡片{
宽度：210px；
高度：285px；
}
.精选{
宽度：90%；
边框：1px纯黑；
高度：150像素；
保证金权利：5%；
左缘：5%；
}
.输入框{
左缘：5%；
宽度：90%；
}

MTGO草案
是异步的。您需要等待
.result
可用，请安装处理程序以执行此操作：

var logFile = $('#draftlog').get(0).files[0];
var reader = new FileReader;
reader.readAsText(logFile);
reader.onload = function(e) {
    var rawLog = reader.result;
    console.log(rawLog);
};

对象
utils
是在哪里定义的？据我所知，它不是。我在文件API（）中使用了这个示例，但没有在那里定义它。这是我第一次做这样的事情，所以我真的不知道发生了什么…这是给开发人员的代码。使用MDN：查看我更新的注释。使用新代码更新的问题，现在FileReader只返回null。假设我们希望使用FileReader发送10个图像，例如，witch用户可以将其中一些图像留空。现在我们能做什么？@MohsenNemati你是说有10个输入？只是不要阅读那些
input.files.length
为
0
的文件。
document.getElementById('previewImage').style.display = 'none';

function previewadminImage(input){
var filesSelected = document.getElementById('image').files[0];
     /*  console.log(filesSelected);  */  
    if(filesSelected){
        var reader1 = new FileReader();
        reader1.readAsDataURL(filesSelected);
        reader1.onload = function(){
            $("#previewImage").attr("src", reader1.result);
            document.getElementById('previewImage').style.display = 'block';
        }
      
    }
}