Usando API de archivos HTML 5 para cargar un archivo JSON

Quiero que el usuario pueda elegir un archivo JSON en la computadora, este archivo JSON debería estar disponible para el Javascript del lado del cliente.

Cómo haría esto usando la API de ARCHIVO, el objetivo final es que el usuario seleccione el archivo JSON para que esté disponible como un objeto con el que pueda jugar en Javascript. Esto es lo que tengo hasta ahora:

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);

VIOLÍN: http://jsfiddle.net/jamiefearon/8kUYj/

¿Cómo convertiría la variable JsonObj en un objeto Json adecuado? Uno puede agregar nuevos campos a etc.

Respuestas a la pregunta(1)

Su respuesta a la pregunta