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.

questionAnswers(1)

yourAnswerToTheQuestion