Помогите разобраться с задачей. У меня в приложении генерируются изображения в формате svg и png. Их загнал в переменные. А вот как сохранить в файлы из переменных... Нашел на стаке для .TXT.
document.getElementsByTagName('a')[0].onclick = function() {
var text = "text";
var csvData = 'data:application/txt;charset=utf-8,' + encodeURIComponent(text);
this.href = csvData;
this.target = '_blank';
this.download = 'txt.txt';
}
Попробовал подогнать под себя, но файлы сохраняются с ошибкой.
document.getElementById('downloadSVG').onclick = function() {
let barcodeSVG = $('svg');
let barName = $("#userInput").val();
let data = 'data:image/svg+xml; charset=utf8,' + encodeURIComponent(barcodeSVG);
this.href = data;
this.download = 'Штрихкод ' + barName + '.svg';
}
console.log(barcodeSVG);
Пробовал через new Blob(), тогда файлы просто пустые, даже без заголовков SVg
