Como ler o conteúdo de arquivo binário em Javascript?
-
Fernando, poderia dar um exemplo de arquivo?– William Pereira15/05/2015 às 17:52
-
Sugiro usares uma biblioteca. Por exemplo: github.com/jDataView/jBinary– Sergio15/05/2015 às 17:53
-
De onde vem o arquivo, e o que você quer fazer com ele?– bfavaretto15/05/2015 às 18:11
-
Com o advento do HTML5, você pode explorar o recurso "File API" e manipular os binários que queres trabalhar por meio de javascript. Segue link sobre o assunto: Trabalhando com File API Boa sorte!– Fabio Sodre16/05/2015 às 10:44
-
JavaScript web ou NodeJS?– Felipe Assunção10/03/2016 às 21:35
1 Resposta
Depende da origem de onde necessita ler o arquivo se deseja ler da máquina do usuário, você precisará do File API
combinado com <input type="file">
.
Ler um arquivo:
function LerArquivo(file, done, fail) {
var reader = new FileReader;
reader.onload = function(evt) {
done(evt.target.result);
};
reader.onerror = function(evt) {
fail();
};
reader.readAsText(file);
}
var response = document.getElementById("response");
document.getElementById("test").onchange = function() {
if (this.files.length === 1) {
LerArquivo(this.files[0], function(resposta) {
response.value = resposta;
}, function() {
response.value = "Falha ao ler o arquivo";
});
}
};
<input type="file" id="test">
<textarea style="width:100%; height: 400px;" id="response"></textarea>
Ler múltiplos arquivos:
note que é necessário adicionar o atributo
multiple
ao<input>
function LerArquivo(file, done, fail) {
var reader = new FileReader;
var name = file.name;
reader.onload = function(evt) {
done(name, evt.target.result);
};
reader.onerror = function(evt) {
fail(name);
};
reader.readAsText(file);
}
document.getElementById("test").onchange = function() {
if (this.files.length !== 0) {
for (var i = 0, j = this.files.length; i < j; i++) {
LerArquivo(this.files[i], function(nome, resposta) {
console.log(nome, resposta);
}, function(nome) {
console.log("Falha ao ler:", nome);
});
}
}
};
<input type="file" multiple id="test">
Note que é possível ler o arquivo de maneiras diferentes:
FileReader.readAsArrayBuffer()
trás o resultado como ArrayBufferFileReader.readAsDataURL()
trás o resultado como como Base64 com Data URI SchemeFileReader.readAsText()
trás o resultado como texto e você deve definir o encoding conforme a necessidade.FileReader.readAsBinaryString()
trás o resultado byte a byte (Esta em desuso e será removido então é preferível usarreadAsArrayBuffer
oureadAsDataURL
)
Documentação: https://developer.mozilla.org/en-US/docs/Web/API/FileReader
Apesar de não ser considerado se referir a isto como parte do HTML5, ainda sim não é correto, HTML5 é uma coisa e APIs Javascript são outra coisa. O HTML5 na verdade consiste de novas tags e funcionalidades no HTML e as novas APIs Javascript interagem com essas novas funcionalidades do Html5.