Download File Using jQuery

Question

How can I prompt a download for a user when they click a link   For example  instead of    lt a href  uploads file doc  gt Download Here lt  a gt    I could use     lt a href     gt Download Here lt  a gt       a   click      Some jquery to download the file   This way  Google does not index my HREF s and private files   Can this be done with jQuery  if so  how   Or should this be done with PHP or something instead

User · Accepted Answer

I might suggest this  as a more gracefully degrading solution  using preventDefault      a   click function e        e preventDefault       stop the browser from following     window location href    uploads file doc         lt a href  no-script html  gt Download now  lt  a gt    Even if there s no Javascript  at least this way the user will get some feedback

User · Answer

Using jQuery function       var valFileDownloadPath    http      your url       window open valFileDownloadPath     blank

User · Answer

Here s a nice article that shows many ways of hiding files from search engines        http   antezeta com news avoid-search-engine-indexing     JavaScript isn t a good way not to index a page  it won t prevent users from linking directly to your files  and thus revealing it to crawlers   and as Rob mentioned  wouldn t work for all users  An easy fix is to add the rel  nofollow  attribute  though again  it s not complete without robots txt    lt a href  uploads file doc  rel  nofollow  gt Download Here lt  a gt

User · Answer

If you don t want search engines to index certain files  you can use robots txt to tell web spiders not to access certain parts of your website   If you rely only on javascript  then some users who browse without it won t be able to click your links

User · Answer

var link document createElement  a     document body appendChild link    link href url   link click

User · Answer

See here for a similar post on using jQuery to clear forms  Resetting a multi-stage form with jQuery  You may also be running into an issue where the values are being repopulated by the struts value stack  In other words  you submit your form  do whatever in the action class  but do not clear the related field values in the action class  In this scenario the form would appear to maintain the values you previously submitted  If you are persisting these in some way  just null each field value in your action class after persisting and prior to returning SUCCESS

User · Answer

Yes  you would have to change the window location href to the url of the file you would want to download   window location href    http   www com path to file

User · Answer

Hidden iframes can help

User · Answer

By stating window location href    uploads file doc   you show where you store your files  You might of course use  htacess to force the required behaviour for stored files  but this might not always be handful      It is better to create a server side php-file and place this content in it   header  Content-Type  application octet-stream    header  Content-Disposition  attachment  filename     REQUEST  f     readfile     some folder some subfolder     REQUEST  f      exit    This code will return ANY file as a download without showing where you actually store it   You open this php-file via window location href    scripts this php file php f downloaded file

User · Answer

I suggest you use the mousedown event  which is called BEFORE the click event  That way  the browser handles the click event naturally  which avoids any code weirdness    function                with this solution  the browser handles the download link naturally  tested in chrome and firefox        document  ready function               var url     private downloads myfile123 pdf              a   on  mousedown   function                    this  attr  href   url                           jQuery

[jquery] Download File Using jQuery

Examples related to jquery

Examples related to file

Examples related to download