Como gerar um arquivo simples para download no browser usando JavaScript

Uma forma muito simples e direta de gerar um arquivo no próprio navegador, usando JavaScript e utilizá-lo para ser feito o download automaticamente pelo usuário é:

function download(content, filename, contentType){
    if(!contentType){
        contentType = 'application/octet-stream';
    }
    var a = document.createElement('a');
    var blob = new Blob([content], {'type':contentType});
    a.href = window.URL.createObjectURL(blob);
    a.download = filename;
    a.click();
}

Em content, adicione o conteúdo do arquivo desejado. Para um txt, basta colocar o conteúdo de uma variável JavaScript string diretamente. Os demais argumentos são opcionais, sendo o segundo o nome do arquivo que será utilizado ao usuário baixar o conteúdo e o terceiro, definindo o tipo de arquivo.

Não funcionárá em todos os browser.

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

Converter um HTML Form em JSON usando puro Vanilla JavaScript Content-Disposition: Qual é a diferença entre “inline” e “attachment” Como compilar convertendo C++ para JavaScript e executar no browser Efetuar o download de todos os urls de um arquivo txt Fazendo download de um arquivo remoto usando o comando copy do PHP Como obter o URL de todas as fotos do Instagram de um usuário somente com JavaScript e o seu browser / navegador Método cross-browser para detectar que a página foi carregada em JavaScript Puro (vanilla) Como selecionar um link pelo seu texto usando JavaScript Como redirecionar error 404 para um url usando arquivo .htaccess no Apache2