Cambiar nombre de descarga en javascript

Question

Si un usuario hace clic en un enlace para descargar como

<a href="downloadable.txt">Download</a> 

¿Existe un lado del cliente (HTML o Javascript) forma de cambiar el nombre del archivo antes de que el 'Guardar como ¿Diálogo?

Answer 1

No, no puede cambiar esto desde el lado del cliente (HTML o javascript). Debes cambiarlo desde el servidor. Una forma es utilizar un script del lado del servidor que permitirá establecer el encabezado de respuesta HTTP Content-Disposition:

Content-Disposition: attachment; filename=somecustomname.txt 

Answer 2

HTML5 proporciona el atributo a[download] que le permite cambiar el nombre de un archivo. Este ejemplo descargará link.txt y lo cambiará de nombre something.txt.

​<a download="something.txt" href="link.txt">asdf</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Tenga en cuenta que esto solo funciona en URLs del mismo origen (es decir, no en diferentes dominios).

Answer 3

Puede utilizar guión escrito por Filesaver.js eligrey (Im usando AngularJS en el ejemplo aquí) Puede lograr el mismo en javascript clásica usando el objeto XMLHttpRequest

//In your html code , add these : -> 
<script src="https://rawgit.com/eligrey/FileSaver.js/master/FileSaver.js" type="text/javascript"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.js"></script> 
//In your Javascript:- 

$http({ 
     url: "url where the file is located", 
     method: "GET", 
     responseType: "blob" 
    }).then(function (response) { 

saveAs(response.data,"newfilename.extension"); 

})