使用php在我的服务器上下载图像

Question

I have a div class for an image search button:

<div class="form-group">
    <button onclick="myFunction()">Click me</button>
    <p id="demo"></p>
    <script>
        var link = "https://source.unsplash.com/all/?";
        var articleTitle = "<?php echo "'" . $article->title . "'"; ?>";
        function myFunction() {
            var d = new Date();
            var c = link + articleTitle + "[" + d.getTime()+"]";
            document.getElementById("demo").innerHTML = "<img src=" + c + " height='100' width='100'/>" ;
        }
    </script>
</div>

Each click on this button gives me a new image by my keyword ($article->title) with a unique http url.

And I want to do one more button, which will save the image founded by first button on my server. I want to use something like this:

<?php 
     $image = file_get_contents("c");
     file_put_contents('C:\xampp\htdocs\test\htdocs\image\image.jpg', $image);
?>

Where "c" is my link from first button.

So the question is: What should I change here: file_get_contents("c"); as I want place my url from first button into file_get_contents , because file_get_contents("c"); this method didnt work.

Answer 1

If I get you right, you want to save an image which is generated using javascript to your server, using php? As php code is only executed on page load, you have to use a form submit and save the image in the target php file (which of course can be the same file) or you have to use an AJAX request to a second php file, which saves the image.

A solution without AJAX could look something like that:

<form name="save_img_form" action="[target file or same file]" method="[get/post]"
onsubmit="document.save_img_form.img_src = c; return true;">
 <input type="hidden" name="img_src" value="" />
 <input type="submit" value="save image" />
</form>

In order for this to work, you have to define the variable c globally. Change the line var c = link ... to c = link ... , so the variable becomes global (compare here: http://www.w3schools.com/js/js_scope.asp )

On the target page (or same page) you use something like this to retrieve the image source:

<?php 
$img_src = $_GET["img_src"];  //or use $_POST, if you have used this method.
?>

Then you can do whatever you want with the image source.