Использование HTML 5 File API для загрузки файла JSON

Я хочу, чтобы пользователь мог выбирать файл JSON на своем компьютере, и этот файл JSON должен быть доступен для клиентского Javascript.

Как бы я это сделал, используя FILE API, конечная цель - выбрать выбранный пользователем файл JSON, который будет доступен как объект, с которым я затем смогу поиграть в Javascript. Это то, что я до сих пор:

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/

Как бы я преобразовал переменную JsonObj в правильный объект Json, можно добавить новые поля и т. Д.

Ответы на вопрос(1)

Ваш ответ на вопрос