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

307
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:

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

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

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

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

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

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

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

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

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

235