Korzystanie z interfejsu API HTML 5 File do załadowania pliku JSON
Chcę, aby użytkownik mógł wybrać plik JSON na tym komputerze, ten plik JSON powinien być następnie udostępniony po stronie klienta Javascript.
Jak mam to zrobić za pomocą API FILE, ostatecznym celem jest wybranie przez użytkownika pliku JSON, który będzie dostępny jako obiekt, a następnie będę mógł grać w JavaScript. Oto, co mam do tej pory:
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);
SKRZYPCE: http://jsfiddle.net/jamiefearon/8kUYj/
Jak przekonwertować zmienną JsonObj na właściwy obiekt Json, można dodać nowe pola do itd.