O que estou fazendo de errado?
- Minha intenção é guardar algumas informações de uma NFe(pegar os dados da tag) a partir de um XML, sem ter que fazer upload do mesmo em lugar algum.
Head -
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Body -
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
<h1>-------------</h1>
<p id="demo"></p><br>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>
Script -
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// Loop through the FileList
for (var i = 0, f; f = files[i]; i++) {
var reader = new FileReader();
// Closure to capture the file information.
reader.onload = (function(theFile) {
return function(e) {
// Print the contents of the file
var span = document.createElement('span');
span.appendChild(document.createTextNode(e.target.result));
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(span.innerText,"text/xml");
//document.getElementById('demo').innerHTML = xmlDoc;
document.getElementById('demo').innerHTML = '1:' + xmlDoc.getElementsByTagName("infNFe");
document.getElementById('demo2').innerHTML = '2:' + xmlDoc.getElementsByTagName("infNFe")[0];
document.getElementById('demo3').innerHTML = '3:' + xmlDoc.getElementsByTagName("infNFe")[0].childNodes;
document.getElementById('demo4').innerHTML = '4:' + xmlDoc.getElementsByTagName("infNFe")[0].childNodes[0];
document.getElementById('demo5').innerHTML = '5:' +
xmlDoc.getElementsByTagName("infNFe")[0].childNodes[0].nodeValue;
//Teste criando Append em um span, para testar se ele mostra todo o conteudo do XML
//document.getElementById('list').insertBefore(span, null);
};
})(f);
// Read in the file
reader.readAsText(f);
}
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
Após executar tenho esse resultado, utilizando um XML de NFe v4.00
1:[object HTMLCollection]
2:[object Element]
3:[object NodeList]
4:[object Element]
5:null