jDownload – A jQuery Plugin For A Better “File Download” Experience

jDownload is a jQuery plugin which aims to provide more details to the end users about the file to be downloaded.

Once a download link is clicked, it sends an Ajax query to a PHP file which returns the name, type and size of the file in a modal window.

User can choose to get the file or cancel the request which is specially a good experience for knowing the size of the file before downloading it.

jDownload jQuery Plugin

The plugin requires jQuery UI besides the jQuery itself for the modal dialog and comes with various options for customization including the dimensions of the dialog, event to trigger it (click, hover, etc.), and more.

Also, based on the same idea, functionality can be improved further by adding "zipped downloads" or "send as e-mail" types of options to the end users.

  1. Reply Michael Hayes November 13, 2010 at 2:53 AM

    This plugin seems to be (imho) almost useless.
    Click – Dialog pops up – wait a little -> wow, some file info!
    Click Download – wait – and the browsers download dialog appears – make a decision ‘open widh’ or ‘save as’…

  2. Reply Rick November 14, 2010 at 10:44 AM

    mmm….if it didnt use jQueryUI I would use it. JQUI is terrible. Very fugly CSS and a reall letdown to jquery.

    Look at the examples mootools and extjs have produced as ui libraries – they are way superior! (Note: I would never use moo or ext, as I love jquery but hate jqueryui)

  3. Reply Umut M. November 14, 2010 at 2:00 PM


    Actually, I’m also against anything different than the standard browser behaviors.

    So, if a file link is clicked, it should start downloading.

    However, it is at least boring to click a link, find out that it is a .PDF and Acrobat Reader auto-opening it as a result or see that the file is huge, etc.

    So, for myself, I can prefer such an extra step in downloads (for most websites).

    jQuery UI should only be used for the modal and it is the PHP file that does most of the job. So, if you already use a Lightbox plugin, this can be adapted into that easily.

  4. Reply Mike S August 1, 2011 at 8:08 PM

    Is there a way to use jQuery to show a progressbar to show the download progress for multiple files (downloading thumbnails to a page that contains a slideshow)?

Leave a reply