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

Javascript 使用php在我的服务器上下载图像,javascript,php,image,button,Javascript,Php,Image,Button,我有一个用于图像搜索按钮的div类: <div class="form-group"> <button onclick="myFunction()">Click me</button> <p id="demo"></p> <script> var link = "https://source.unsplash.com/all/?"; var articleTitle =

我有一个用于图像搜索按钮的div类:

<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>

点击我

变量链接=”https://source.unsplash.com/all/?";
var articletTitle=“如果我没说错,您想使用php将使用javascript生成的图像保存到您的服务器?因为php代码只在页面加载时执行,您必须使用表单提交并将图像保存到目标php文件中(当然可以是同一个文件)或者,您必须使用AJAX请求第二个php文件来保存图像

没有AJAX的解决方案可能会是这样的:

<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>

然后你可以用图像源做任何你想做的事情。

你不能从javascript创建PHP代码…PHP在服务器上执行,然后发送到客户端,在那里执行任何javascript。嗨,@MagnusEriksson可以将PHP代码写入js!当然可以..但不会执行。浏览器(执行js的地方)没有PHP-parser。它也会在服务器上执行,但肯定不会在浏览器中执行。如何使用DOM对象(如按钮单击)在服务器上执行交互式JS!?如果要使用AJAX,请参阅本页示例:
<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>
<?php 
$img_src = $_GET["img_src"];  //or use $_POST, if you have used this method.
?>