Damit der Benutzer eine JSON-Datei auf seinem Computer auswählen kann, sollte diese JSON-Datei dem clientseitigen Javascript zur Verfügung gestellt werden.

Wie würde ich dies mit der FILE-API tun? Das ultimative Ziel ist, dass die vom Benutzer ausgewählte JSON-Datei als Objekt verfügbar ist, mit dem ich dann in Javascript spielen kann. Das habe ich bisher:

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

GEIGE: http://jsfiddle.net/jamiefearon/8kUYj/

Wie würde ich die Variable JsonObj in ein richtiges Json-Objekt konvertieren, dem man neue Felder hinzufügen kann usw.