Использование 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, можно добавить новые поля и т. Д.