如何使用 PHP 在共享托管服务器上截取 PNG 的 URL 或 URL 的屏幕截图

Question

我在使用 PHP 截取 URL 时遇到问题

我使用以下代码尝试了ImageMagick 。 但不知道我该如何使用它。

import -window root images/my1.png

我用“我的网址”替换了root

我在 PHP 中使用exec运行上面的命令，但它没有给我任何输出。

任何人都可以给我任何建议。

我会非常感谢你。

谢谢。

Answer 1

尝试使用webkit2png或类似这样的：

webkit2png http:/google.com -o grab

这会给你这些文件：

-rw-r--r--   1 mark  staff     14754 30 Sep 18:46 grab-thumb.png
-rw-r--r--   1 mark  staff     68830 30 Sep 18:46 grab-full.png
-rw-r--r--   1 mark  staff     13552 30 Sep 18:46 grab-clipped.png

Answer 2

您现在不需要使用 ImageMagick。 在没有任何额外服务器资源的情况下使用 PHP 截取屏幕截图的另一种方法是使用 Google 的PageSpeed Insights API ，它不需要任何类型的身份验证。 它现在是免费和开放的，所以请使用它。

相同的实现细节在这里： Generate Screenshots of URLs using Google's secret magic API 。

源代码

<?php
  // Creating a proxy to use GET request to hit the Google Page Speed API and receive a screenshot.
  // Check if the URL parameter for our proxy is set.
  if (!empty($_GET['url'])) {
    // Make sure the given value is a URL.
    if (filter_var($_GET['url'], FILTER_VALIDATE_URL)) {
      // Hit the Google PageSpeed Insights API.
      // Catch: Your server needs to allow file_get_contents() to make this run. Or you need to use cURL.
      $googlePagespeedResponse = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runPagespeed?screenshot=true&url={$_GET['url']}");

      // Convert the JSON response into an array.
      $googlePagespeedObject = json_decode($googlePagespeedResponse, true);

      // Grab the Screenshot data.
      $screenshot = $googlePagespeedObject['screenshot']['data'];
      // Replace Google's anamolies.
      $screenshot = str_replace(array('_','-'), array('/','+'), $screenshot);

      // Build the Data URI scheme and spit out an <img /> Tag.
      echo "<img src=\"data:image/jpeg;base64,{$screenshot}\" alt=\"Screenshot\" />";
    } else {
      // If not a valid URL.
      echo "Given URL is not valid.";
    }
  } else {
    // URL not set.
    echo "You need to specify the URL.";
  }
?>

您也可以使用客户端来做到这一点：

 $(function () { // Get the URL. var url = "https://praveen.science/"; // Prepare the URL. url = encodeURIComponent(url); // Hit the Google Page Speed API. $.get("https://www.googleapis.com/pagespeedonline/v1/runPagespeed?screenshot=true&strategy=mobile&url=" + url, function (data) { // Get the screenshot data. var screenshot = data.screenshot; // Convert the Google's Data to Data URI scheme. var imageData = screenshot.data.replace(/_/g, "/").replace(/-/g, "+"); // Build the Data URI. var dataURI = "data:" + screenshot.mime_type + ";base64," + imageData; // Set the image's source. $("img").attr("src", dataURI); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <h1>Hard Coded Screenshot of my Website:</h1> <img src="//placehold.it/300x50?text=Loading+Screenshot..." alt="Screenshot" />