Question

I have the following jquery:

$(".download").click(function(){     
  $.post('get_bot.php', "url_code="+url_code, function (response) {
    alert(response);
  });
});

url_code is a variable that has the url for a json structure, here is a live example of the return:
https://services.sapo.pt/Codebits/botmake/01,02,03,04,05,06,07,08,I%20Rule!

Those numbers are parameters to generate different images.

On my get_bot.php page I’m doing:

$urlc=$_POST['url_code'];
$bot = file_get_contents($urlc);
header("content-type: image/png");
echo $bot;

I’m looking into ways on how to get a response as a .png file download, so when the user clicks .download there is a download window prompt with the .png file.

Passing in a correct url and echoing the file_get_content results seems to work fine (although if I try to right click and save the image, it actually saves the php file…)

Any help with this would be great, I’m not very experienced with json structures, so far I’ve only dealt with array structures, never an image output.

I’m aware I’m probably way off here on getting an actual result, but any pointers would be appreciated.

Answer 1

RFC2616 describes what you need to do. Basically, you need to add

Content-Disposition: attachment; filename="fname.ext"

To the header if I’m not mistaken.

EDIT
Here is a sample script. I’ve confirmed that this works on two of my servers with different setups.

<?php
  header("content-type: image/jpg");
  header("Content-Disposition: attachment; filename='pic.jpg'");
  readfile('http://lorempixel.com/400/200/');
?>