para - enlace descargar archivo html
¿Cómo forzar la descarga completa del archivo txt en el enlace? (5)
Descargue el archivo al hacer clic en el enlace (en lugar de navegar al archivo):
<a href="test.txt" download>Click here</a>
Descargue el archivo y cambie su nombre a mytextdocument.txt:
<a href="test.txt" download="mytextdocument">Click here</a>
El atributo de descarga especifica que el destino se descargará cuando un usuario haga clic en el hipervínculo.
Este atributo solo se usa si el atributo href está establecido.
El valor del atributo será el nombre del archivo descargado. No hay restricciones en los valores permitidos, y el navegador detectará automáticamente la extensión de archivo correcta y la agregará al archivo (.img, .pdf, .txt, .html, etc.).
Si se omite el valor, se usa el nombre de archivo original.
Tengo un archivo de texto simple y quiero descargar ese archivo en cualquier enlace de etiqueta de anclaje.
Pero cuando hago clic en ese enlace me muestra el archivo txt pero no lo descargo.
He intentado este código
<html>
<head>
<title>File</title>
</head>
<body>
<a href="test.txt">Click here</a>
</body>
</html>
Esto descargará su archivo de texto y le cambiará el nombre:
<a href="http://www.example.com/myfile.txt" download="My Text File">click here</a>
Los archivos de texto se muestran en el navegador cuando el tipo de contenido se envía como texto. Tendría que cambiar el servidor para enviarlo con un tipo de contenido diferente o utilizar un lenguaje como PHP para enviarlo como descarga.
Puede utilizar el encabezado de Content-Disposition .
Puedes hacerlo con PHP o con .htaccess .
PHP:
<?php
header("Content-Disposition: attachment");
header("Content-Type: text/plain"); // optional
readfile("yourfile.txt");
?>
Y luego puede usar la URL de PHP o redirigir la de TXT a la misma. Si desea utilizar la URL de PHP pero quiere guardar el archivo con el nombre original, puede intercambiar esta línea allí:
header("Content-Disposition: attachment; filename=yourfile.txt");
.htaccess :
<Files yourfile.txt>
Header set Content-Disposition attachment
</Files>
Puedes hacerlo
<a href="data:text/plain;charset=UTF-8,test.txt" download>Click here</a>
O en mi caso necesitaba algo más dinámico.
var downloadFile = function(url){
let a = document.createElement(''a'');
a.href = ''data:text/plain;charset=UTF-8,'' + '''' + url;
a.download = url.substr(url.lastIndexOf(''/'') + 1);
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
La principal diferencia fue anexar.
datos: texto / plano; conjunto de caracteres = UTF-8,
a mi archivo de texto url
downloadFile ('' http: //my.txt '');