Нужно получить код файла 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
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники