tengo un enlace a un archivo multimedia, como un mp3, y quiero que se descargue cuando el usuario hace clic en él, en lugar de simplemente reproducir el archivo. la página que tengo en mente es solo una página html estática simple.con un simple archivo html y js, ¿cómo puedo forzar un enlace a un mp3 para descargar en lugar de simplemente jugar?
¿Alguna idea?
Para que esto suceda, debe enviar un encabezado con el encabezado Content-disposition: attachment; filename=fname.ext en su idioma favorito antes de enviar el archivo.
Sin conocer los detalles, como el idioma y el control que tiene sobre la configuración del servidor, no puedo darle instrucciones más detalladas. Sin embargo, no puedes hacerlo solo con html y javascript.
Está lejos, sé que eso no es posible. Sin la capacidad de establecer los encabezados apropiados, el navegador decidirá qué hacer con el archivo, que generalmente es la reproducción, tendrá que pedirle a los usuarios que presionen, haga clic derecho + guardar como. Si tiene acceso al servidor, es bastante fácil de configurar los encabezados en PHP o Apache usando .htacces
<FilesMatch "\.(?i:mp3)$">
ForceType audio/mpeg
Header set Content-Disposition attachment
</FilesMatch>
O lo que el navegador no reconocerá que es un MP3 y ni siquiera intente abrirlo:
<FilesMatch "\.(?i:mp3)$">
ForceType application/octet-stream
Header set Content-Disposition attachment
</FilesMatch>
para php header consulte Configuración de: http://nl.php.net/header
de acuerdo con smazurov, y en última instancia no se puede controlar la presentación de sus medios de comunicación, aunque el contenido-disposición puede lograr que se haga para usted. Aquí está el RFC on the header in question.
JavaScript del lado del cliente no puede lograr eso (la funcionalidad más cercana es document.execCommand('SaveAs'), que guarda la página html completa).
Si bien esto no es una solución, cambie la extensión del archivo a cualquier otra cosa que no sea MP3. Y, solicite al usuario que cambie el nombre una vez descargado.
Utilizando google encontré un hilo con un js. usado para guardar archivos Check it out (publicado en 2003, no lo probé).
La mejor soluting sería utilizar php, asp, o cualquier otro idioma de su compatibilidad con el servidor, para solucionar este problema ;-)
<a href="linkto.mp3" download>Download MP3 File </a>
No es compatible con el navegador cruzado. –
Si desea que se ven obligados a descargar de un enlace, entonces añadir el atributo download al elemento de enlace (nombre de fichero opcional):
<a href="file.mp3" download="Song_Name.mp3">Download</a>
Si desea que los usuarios se ven obligados a bajar el archivo cuando visitan la URL de cualquier manera, usted está fuera de suerte. Eso no es posible solo con HTML y JS. Debe tener acceso al servidor para afectar los encabezados del archivo antes de que se cargue en el navegador, como han dicho otros.
También es posible agregar esto estáticamente en IIS si solo son un par de archivos y no desea hacerlo con ASP/PHP. Para aplicar el encabezado de forma estática, haga clic con el botón derecho en el Administrador de servicios de Internet y luego seleccione Propiedades. Seleccione la pestaña Encabezados HTTP e ingrese el encabezado que se encuentra arriba. – Stefan