Загрузить json из файла, загруженного

Question

У меня есть ввод файлов и кнопка отправки. Файл, который будет загружен, содержит json, который должен быть загружен в представлении (отображение графика). Мне не нужно хранить файл, просто визуализируйте его.

Есть ли способ сделать это, используя только jquery, javascript или угловой? это приложение включено как статический контент внутри приложения Spring, но также должно работать как отдельное приложение.

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

Заранее спасибо

Answer 1

Это будет работать для IE> = 10. Имейте в виду, что нет Обработка ошибок реализована. Я оставлю это до вас;)

HTML:

<input type="file" id="file" name="file"> 
<button type="submit" id="button">Click!</button> 

JS (Jquery):

$('#button').on('click', function() { 
    var reader = new FileReader(); 
    var file = $('#file').get(0).files[0]; 
    reader.onload = function(e) { 
     console.log(JSON.parse(e.target.result)); 
    }; 
    reader.readAsText(file); 
});