Mostrar el tamaño de un archivo a descargar con JavaScript y jQuery

addSize.js es un pequeña librería JavaScript que busca los archivos de gran tamaño vinculadas a una página web y añade automaticamente el tamaño del archivo tras el enlace. Para que quede bien claro esto:

addSizes

Tan solo lo que debemos hacer es descargar la ultima versión de jQuery y addSize.js y agregarlas a la cabecera de nuestro documento HTML. Veamos un código-ejemplo:

<html>
<head>
<title>Agregar tamano de files en pageweb</title>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="addSizes.js"></script>

</head>

<body>
<p>Archivo PDF para descargar: <a href="http://www.irs.gov/pub/irs-pdf/fw4.pdf">pdf</a></p>
<p>Archivo DOC para descargar: <a href="http://localhost/ejemplos/enlaces/janette.doc">doc</a></p>
</body>
</html>

Ojo que si desean probarlo no funciona con archivo locales, como se darán cuenta en el ejemplo. Esta pequeña librería usa una API llamada json-head que obtiene información de cabecera de diferentes tipos de archivo.

addSize.js de momento reconoce los siguientes tipos de archivos: mp3, doc, pdf, m4u. Puedes obtener más información en la web de Nathalie Downe.

Fuente: addSizes.js: Snazzy automatic link file-size generation

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.