Breaking News: Grepper is joining You.com. Read the official announcement!

how to read json file with file input html

Strange Spider answered on October 14, 2021 Popularity 8/10 Helpfulness 4/10

answer how to read json file with file input html

how to read json file with file input html

Comment

(function(){
    
    function onChange(event) {
        var reader = new FileReader();
        reader.onload = onReaderLoad;
        reader.readAsText(event.target.files[0]);
    }

    function onReaderLoad(event){
        console.log(event.target.result);
        var obj = JSON.parse(event.target.result);
        alert_data(obj.name, obj.family);
    }
    
    function alert_data(name, family){
        alert('Name : ' + name + ', Family : ' + family);
    }
 
    document.getElementById('file').addEventListener('change', onChange);

}());

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: file html input javascript json

Link to this answer
Share Copy Link