Нужно получить код файла svg для вставки на страницу. Пытался сделать по этому ничего не получилось. Подскажите как сделать? Сам файл получить получается,в переменную f. но как содержание файла поймать не понимаю(
Пример чтения и вывода картинки на страницу:
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
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости