href image link download on click

Question

I generate normal links like   lt a href   path to image  gt  lt img src   path to image    gt  lt  a gt  in a web app   When I click on the link  it displays the picture in a new page  If you want to save the picture  then you need to right click on it and select  save as   I don t want this behaviour  I would like to have a download box popping out when I click on the link  is that possible just with html or javascript  How   If not I guess I would have to write a download php script and call it into the href with the file name as parameter

User · Answer

If you are Using HTML5 you can add the attribute  download  to your links    lt a href   test pdf  download gt    http   www w3schools com tags att a download asp

User · Answer

Simple Code for image download with an image clicking using php  lt html gt   lt head gt       lt title gt  Download-Button  lt  title gt   lt  head gt   lt body gt       lt p gt  Click the image   You can download   lt  p gt       lt  php      image    basename  quot http   localhost sc img logo png quot       you can here put the image path dynamically        echo  image        gt       lt a download  quot  lt  php echo  image    gt  quot  href  quot http   localhost sc img logo png quot  title  quot Logo title quot  gt           lt img alt  quot logo quot  src  quot http   localhost sc img logo png quot  gt       lt  a gt   lt  body gt

User · Answer

lt a download  quot custom-filename jpg quot  href  quot  path to image quot  title  quot ImageName quot  gt       lt img alt  quot ImageName quot  src  quot  path to image quot  gt   lt  a gt   It s not yet fully supported caniuse  but you can use with modernizr  under Non-core detects  to check the support of the browser

User · Answer

You can t do it with pure html javascript   This is because you have a seperate connection to the webserver to retrieve a separate file  the image  and a normal webserver will serve the file with content headers set so that the browser reading the content type will decide that the type can be handled internally   The way to force the browser not to handle the file internally is to change the headers  content-disposition prefereably  or content-type  so the browser will not try to handle the file internally   You can either do this by writing a script on the webserver that dynamically sets the headers  i e  download php  or by configuring the webserver to return different headers for the file you want to download   You can do this on a per-directory basis on the webserver  which would allow you to get away without writing any php or javascript - simply have all your download images in that one location

User · Answer

The easiest way of creating download link for image or html is setting download attribute  but this solution works in modern browsers only    lt a href   path to image  download  myimage  gt  lt img src   path to image    gt  lt  a gt     myimage  is a name of file to download  Extension will be added automatically Example here

User · Answer

No  it isn t  You will need something on the server to send a Content-Disposition header to set the file as an attachment instead of being inline  You could do this with plain Apache configuration though    I ve found an example of doing it using mod rewrite  although I know there is a simpler way

User · Answer

lt a href  download php file path  lt    row  file name    gt   gt Download lt  a gt      download php    lt  php   file     GET  file     download file  file    function download file   fullPath          Must be fresh start   if  headers sent         die  Headers Sent          Required for some browsers   if ini get  zlib output compression        ini set  zlib output compression    Off          File Exists    if  file exists  fullPath             Parse Info   Get Extension      fsize   filesize  fullPath        path parts   pathinfo  fullPath        ext   strtolower  path parts  extension             Determine Content Type     switch   ext          case  pdf    ctype  application pdf   break        case  exe    ctype  application octet-stream   break        case  zip    ctype  application zip   break        case  doc    ctype  application msword   break        case  xls    ctype  application vnd ms-excel   break        case  ppt    ctype  application vnd ms-powerpoint   break        case  gif    ctype  image gif   break        case  png    ctype  image png   break        case  jpeg         case  jpg    ctype  image jpg   break        default   ctype  application force-download              header  Pragma  public       required     header  Expires  0        header  Cache-Control  must-revalidate  post-check 0  pre-check 0        header  Cache-Control  private  false      required for certain browsers     header  Content-Type   ctype        header  Content-Disposition  attachment  filename     basename  fullPath               header  Content-Transfer-Encoding  binary        header  Content-Length     fsize       ob clean        flush        readfile   fullPath         else     die  File Not Found         gt

User · Answer

Image download with using image clicking  I did this simple code     lt html gt   lt head gt   lt title gt  Download-Button  lt  title gt   lt  head gt   lt body gt   lt p gt  Click the image   You can download   lt  p gt   lt a download  quot logo png quot  href  quot http   localhost folder img logo png quot  title  quot Logo title quot  gt   lt img alt  quot logo quot  src  quot http   localhost folder img logo png quot  gt   lt  a gt   lt  body gt   lt  html gt

User · Answer

Try this      lt a href   path to image  download gt       lt img src   path to image    gt    lt  a gt

User · Answer

HTML download attribute to specify that the target will be downloaded when a user clicks on the hyperlink   This attribute is only used if the href attribute is set   The value of the attribute will be the name of the downloaded file  There are no restrictions on allowed values  and the browser will automatically detect the correct file extension and add it to the file   img   pdf   txt   html  etc     Example code    lt a href  https   www w3schools com images myw3schoolsimage jpg  gt  Download Image  gt  gt  lt  a gt    HTML5    lt a href  https   www w3schools com images myw3schoolsimage jpg  download gt  Download Image  gt  gt  lt  a gt    Output    Download Image     Html5 download or chrome   Download Image

[html] href image link download on click

Examples related to html

Examples related to image

Examples related to download

Examples related to href