Javascript FileReader.result返回null
我试图设置一个页面,让您上传一个txt文件(即另一个程序生成的日志文件),然后进一步操作文本。到目前为止,我只想console.log文本,但稍后我计划分离行并从中获得一些细节来运行我的程序 无论如何,当我上传日志文件时,我得到以下信息: 空的Javascript FileReader.result返回null,javascript,html,file,Javascript,Html,File,我试图设置一个页面,让您上传一个txt文件(即另一个程序生成的日志文件),然后进一步操作文本。到目前为止,我只想console.log文本,但稍后我计划分离行并从中获得一些细节来运行我的程序 无论如何,当我上传日志文件时,我得到以下信息: 空的 $(“#draftlog”).change(函数(){ var logFile=$('#draftlog').get(0).files[0]; var reader=新文件读取器; reader.readAsText(日志文件); var rawLog
$(“#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';
}
}
}