2

Есть input с типом file. Пользователь выбирает файл. Потом есть кнопка. Когда пользователь нажимает на кнопку (ng-click), запускается функция в контроллере. Функция должна вытащить текст с этого файла. И вывести его (например в консоль. console.log()). Помогите сделать такое.

2
  • Здравствуйте. Приведите пожалуйста пример кода. 2 мар 2016 в 11:31
  • Пиши директиву.
    – Qwertiy
    18 июн 2016 в 20:05

1 ответ 1

1

Здравствуйте. На чистом javascript код выглядит примерно так: https://jsfiddle.net/47bb9tcb/1/

var result = document.getElementById('result');

var input = document.getElementById('file');

input.addEventListener('change', function(e) {
  if (window.File && window.FileReader && window.FileList && window.Blob) {
    var files = e.target.files; // список файлов
    for (var i = 0; i < files.length; i++) {
      var file = files[i];
      var type = file.type;
      // проверяем тип файла
      if (/text\/.*/.test(file.type)) {
        readFile(file, function(text) {
          result.innerText = text;
        });
      }
    }
  } else {
    alert('Ваш браузер не поддерживает FileAPI!');
  }
}, false);

function readFile(file, callback) {
  var reader = new FileReader();
  reader.readAsText(file);
  reader.onload = function(e) {
    var text = e.target.result;
    text = text.replace(/↵/g, '\n');
    callback && callback(text);
  };
}
<input type="file" id="file">
<div id="result"></div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.