Usando a API de arquivos HTML 5 para carregar um arquivo JSON
Eu quero que o usuário seja capaz de escolher um arquivo JSON no computador, este arquivo JSON deve ser disponibilizado para o Javascript do lado do cliente.
Como eu faria isso usando a API FILE, o objetivo final é que o arquivo JSON selecionado pelo usuário esteja disponível como um objeto com o qual eu possa brincar em Javascript. Isto é o que eu tenho até agora:
JsonObj = null
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
f = files[0];
var reader = new FileReader();
// Closure to capture the file information.
reader.onload = (function(theFile) {
return function(e) {
// Render thumbnail.
JsonObj = e.target.result
console.log(JsonObj);
};
})(f);
// Read in the image file as a data URL.
reader.readAsDataURL(f);
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
FIDDLE: http://jsfiddle.net/jamiefearon/8kUYj/
Como eu converteria a variável JsonObj em um objeto Json adequado, pode-se adicionar novos campos para etc.