Eu possuo essas duas funções em JavaScript:
function verificaExtensao($input) {
var extPermitidas = ['txt'];
var extArquivo = $input.value.split('.').pop();
if(typeof extPermitidas.find(function(ext){ return extArquivo == ext; }) == 'undefined') {
alert('O arquivo não pode ser validado pois possui extenção não permitida!');
} else {
alert('Arquivo validado com sucesso!');
doc();
}
}
function doc(){
document.getElementById('file').onchange = function(){
var file = this.files[0];
var reader = new FileReader();
reader.onload = function(progressEvent){
// Entire file
console.log(this.result);
// By lines
var lines = this.result.split('\n');
for(var line = 0; line < lines.length; line++){
console.log(lines[line]);
}
};
reader.readAsText(file);
};
}
A que verifica a extensão funciona normalmente, mas a que seria para mostrar o arquivo no console não chega a mostrar.
Outra dúvida que tenho seria na hora de coletar a string, por exemplo dentro do arquivo eu teria várias linhas e em cada linha teriam várias condições, por exemplo a partir da posição 2 até a 10 devem ser contidos apenas números. Como eu poderia fazer isso?
Meu HTML:
<imput type="file" onchange="verificaExtensao(this)" id="file"name="file">