Basta usar escape
(já que não tem acentos ou coisa assim), deve ficar assim:
Se tiver que trabalhar com acentos ou tiver espaços ou o sinal +
talvez tenha que usar encodeURI
ou encodeURIComponent
no lugar de escape
, no seu exemplo como só tem caracteres "aleatórios" como A-Z e 0-9 o escape
deve funcionar bem
let codes = [
'sajkhasjdgsa456456',
'hjkgd576k3nt67sdffd',
'kjhkdgyfg8677dsfbjk',
'mcvsaud423409878gsad',
'123786dhjfsd734234ds45'
]
$('#download-link').on('click', function(code) {
let data = ''
for (let i = 0; i < codes.length; i++) {
data += codes[i] + '\n'
}
data = escape(data);
$(this).attr('href', 'data:text/plain;charset=utf-8,' + data)
})
$('#download-link2').on('click', function(code) {
let data = codes.join('\n');
data = escape(data);
$(this).attr('href', 'data:text/plain;charset=utf-8,' + data)
})
<a id="download-link" href="" download="codes.txt">baixar</a>
<br>
<a id="download-link2" href="" download="codes-2.txt">baixar 2</a>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Quebra de linha no "Bloco de notas" (notepad.exe)
A quebra de linha \n
não funciona em alguns programas com o notepad.exe
do Windows, isso talvez deva ser por causa de alguma necessidade com retrocompatibilidade (backwards compatibility)
Para que o documento seja visível no notepad.exe
você deverá trocar \n
por \r\n
, então para explicar:
\n
é o line feed (LF)
\r
é carriage return (CR)
O LF
era usado como quebra de linha em sistemas baseados em Linux e Unix, CR
era usado por sistemas Mac (antes do OSX), já o CRLF
era usado por sistemas Microsoft antigos, no entanto creio que hoje todos sistemas usem apenas LF
, o motivo do Notepad.exe ainda usar o CRLF
deve ser para manter a compatibilidade com arquivos antigos e claro que hoje temos softwares que substituem bem o notepad tradicional em Windows (como Notepad++, SublimeText, etc), então se quer manter uma retrocompatibilidade troque no seu código o .join('\n')
por .join('\r\n')
Exemplo:
let codes = [
'sajkhasjdgsa456456',
'hjkgd576k3nt67sdffd',
'kjhkdgyfg8677dsfbjk',
'mcvsaud423409878gsad',
'123786dhjfsd734234ds45'
]
$('#download-link').on('click', function(code) {
let data = ''
for (let i = 0; i < codes.length; i++) {
data += codes[i] + '\r\n'
}
data = escape(data);
$(this).attr('href', 'data:text/plain;charset=utf-8,' + data)
})
$('#download-link2').on('click', function(code) {
let data = codes.join('\r\n');
data = escape(data);
$(this).attr('href', 'data:text/plain;charset=utf-8,' + data)
})
<a id="download-link" href="" download="codes.txt">baixar</a>
<br>
<a id="download-link2" href="" download="codes-2.txt">baixar 2</a>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>