Как получить данные из локального файла?

366
15 декабря 2016, 16:23

Нужно получить код файла svg для вставки на страницу. Пытался сделать по этому ничего не получилось. Подскажите как сделать? Сам файл получить получается,в переменную f. но как содержание файла поймать не понимаю(

Answer 1

Пример чтения и вывода картинки на страницу:

var inputElement = document.getElementById('input'), 
    svgImage = document.getElementById('svgImage'); 
 
inputElement.onchange = function() { 
 
  var fileList = this.files, 
      svgFile = fileList[0], 
      reader = new FileReader(); 
 
  reader.onloadend = function(event) { 
    // Выводим картинку 
    var data = event.target.result; 
    svgImage.src = data; 
  }; 
 
  reader.onerror = function() { 
    alert('Ошибка чтения файла!'); 
  }; 
 
  // Читаем наш файл как base64 
  reader.readAsDataURL(svgFile); 
 
};
<input id="input" type="file"> 
<hr> 
<img id="svgImage">

Подробнее о FileReader можно почитать на MDN: https://developer.mozilla.org/en-US/docs/Web/API/FileReader

READ ALSO
Подстановка данных из JSON в HTML

Подстановка данных из JSON в HTML

С помощью Ajax-запроса приходят данные в формате JSON:

323
Как рекурсивно обойти html-дерево на python?

Как рекурсивно обойти html-дерево на python?

Есть меню сайта в html - сделано через вложенные списки:

347
Закрытие div при клике вне его

Закрытие div при клике вне его

Нужно закрыть div, если клик был вне его области

487
Как реализовать поиск слова в html файле? [закрыто]

Как реализовать поиск слова в html файле? [закрыто]

Подскажите, как реализовать поиск заданного слова на html странице?

297