Force Browser to download Image with Javascript window.open?
Question
Is there a way to make an image a download once you click on it (without right-click save image as )?
I'm using a small Javascript function to call the download page:
<a href="#"
onclick="window.open('download.php?file=test.jpg', 'download', 'status=0');"
>Click to download</a>
In the download.php page I have something like:
$file = $_GET['file'];
header('Content-Description: File Transfer');
header("Content-type: image/jpg");
header("Content-disposition: attachment; filename= ".$file."");
readfile($file);
But it doesn't work. What am I doing wrong?
Thanks in advance!
11 answers
solution1
23 ACCPTED 2011-04-13 12:17:55
Use application/octet-stream instead of image/jpg :
If [the Content-Disposition] header is used in a response with the application/octet-stream content-type, the implied suggestion is that the user agent should not display the response, but directly enter a `save response as...' dialog.
— RFC 2616 – 19.5.1 Content-Disposition
solution2
19 2011-04-13 12:59:20
I think you forgot to add Path on the header
if(isset($_GET['file'])){
//Please give the Path like this
$file = 'images/'.$_GET['file'];
if (file_exists($file)) {
header('Content-Description: File Transfer');
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename='.basename($file));
header('Content-Transfer-Encoding: binary');
header('Expires: 0');
header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
header('Pragma: public');
header('Content-Length: ' . filesize($file));
ob_clean();
flush();
readfile($file);
exit;
}
}
solution3
7 2011-04-13 14:20:10
Or you can use .htaccess file for all your image files. In case you want to force the browser to download all your images (fe from a table list):
RewriteEngine On
RewriteBase /
RewriteCond %{QUERY_STRING} ^download$
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule .(jpe?g|gif|png)$ index.php?file=noFoundFilePage [L,NC]
RewriteCond %{QUERY_STRING} ^download$
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule .(jpe?g|gif|png)$ - [L,NC,T=application/octet-stream]
This looks for image files a tries to force download them into the browser. The -f RewriteConds also checks that the file exsist.. The last rule ensures that download is used only for certain file types.
solution4
4 2012-04-15 12:13:33
This worked for me
header("Pragma: public");
header('Content-disposition: attachment; filename='.$title);
header("Content-type: ".mime_content_type($sample_file));
header('Content-Transfer-Encoding: binary');
ob_clean();
flush();
readfile($sample_file);
I also added the following to .htaccess
SetEnvIf Request_URI "\.jpg$" requested_jpg=jpg
Header add Content-Disposition "attachment" env=requested_jpg
Not sure if that helps?
solution5
2 2013-04-24 15:01:27
If you're on an apache server this is really simple.
- Create a file called .htaccess in the directory in which your files exist. For me it was
assets/.htaccess. - Add the following to the file
AddType application/octet-stream .jpg. You can add a new line for each file extension that you need. EgAddType application/octet-stream .pdf - Save your file
- Clear your browser cache
- Refresh your browser and enjoy!
solution6
1 2012-06-15 04:37:05
This is a button you can click on in internet explorer to download pic
<html>
<head>
<title>Your title</title>
</head>
<body>
<form><input type="button" value="Click Me" onClick="window.location.href='image.jpg'"></form>
</body>
</html>
solution7
1 2011-04-13 12:16:31
Once you've added the Content-Disposition: attachment header, you should be able to use a normal link:
<a href="download.php?file=test.jpg">Click to download</a>
What browsers have you tried this with?
solution8
0 2011-04-13 12:16:23
Browsers recognize jpg URL's and hand them over just like a .htm, so I don't think you can force it on the user-end (not positive on that, though).
Read this
solution9
0 2011-04-13 12:17:39
Try to change this:
header("Content-disposition: attachment; filename= ".$file."");
To:
header("Content-disposition: attachment; filename= ".$file);
If the above doesn't work to you, here a function to force a file to be downloadable:
<?php
function downloadFile($file, $type)
{
header("Cache-Control: public");
header("Content-Description: File Transfer");
header("Content-Disposition: attachment; filename=$file");
header("Content-Type: Content-type: $type");
header("Content-Transfer-Encoding: binary");
header("Content-Length: ".filesize($file));
readfile($file);
}
downloadFile("sd.jpg", "image/jpg");
?>
solution10
0 2011-04-13 12:28:01
See if this helps:
solution11
0 2012-03-01 15:12:20
Here's a way to force all files in a certain directory to be prompted for a download.
Requirement
- Apache
- mod_headers enabled
In your .htaccess or Apache configuration put the following.
<Directory /path/to/downloadable/files>
Header set Content-Disposition attachment
Header set Content-Type application/octet-stream
</Directory>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.