Estoy tratando de descargar un archivo mp3 con solo hacer clic en un botón, se descarga, pero el archivo que descarga no es correcto, es un archivo MUCHO más pequeño que el original (25 bytes), mientras que el original tiene 10 MB.
Es la primera vez que trabajo descargando cosas, así que no tengo ni idea.
Aquí hay algo de código:
Función JS:
function download(i) { var audio = document.getElementById("audio"+i); const blob = new Blob([audio], {type:"octet-steam"}); const href = URL.createObjectURL(blob); const a = Object.assign(document.createElement("a"), { href, style: "display:none", download: "myAudio.mp3", }); document.body.appendChild(a); a.click(); URL.revokeObjectURL(href); a.remove(); }Los audios se identifican por su ID y su nombre de archivo proviene de los datos que tengo en una base de datos. HTML/PHP
for($i=0; $i<$count; $i++){ $res = mysqli_fetch_array($result); echo('<tbody id="tbody"> <tr> <audio id="audio'.$i.'" src="mp3/'.$res["song_artist"].'-'.$res["song_title"].'.mp3"> <td><button onclick="download('.$i.')">↴</button></td> </tr> </tbody>'); }Dado que los elementos <audio> y los botones de descarga están siendo generados por su código PHP, no debería necesitar JavaScript para hacer esto.
Prueba algo como esto:
<tbody id="tbody"> <?php for($i=0; $i<$count; $i++){ $res = mysqli_fetch_array($result); $filePath = "mp3/{$res["song_artist"]}-{$res["song_title"]}.mp3"; ?> <tr> <td><audio src="<?=$filePath?>"></td> <td><a href="<?=$filePath?>" download>↴</button></td> </tr> <?php } ?> </tbody> (También moví su etiqueta <tbody> fuera del ciclo para que incluya todas las filas dentro de él).
Puedes probar esto. Aquí debe proporcionar la fuente del archivo de audio en lugar de la fuente de la imagen. No probé este código, ¡pero les aseguro que debería funcionar!
https://www.codegrepper.com/code-examples/javascript/javascript+download+image+from+url