Wie man save ein JavaScript Screenshot?

Es ist möglich, save einen JavaScript-Screenshot, Sie müssen jedoch eine unserer serverseitigen APIs wie die verwenden PHP GetResult Methode um einen kleinen Webdienst zu implementieren save das Bild auf der Serverseite. Ein Beispiel für einen PHP-Webdienst save Der Screenshot ist unten dargestellt.

include("lib/GrabzItClient.php");

$id = $_GET["id"];

// Custom id can be used to store user ids or whatever is needed for the later processing of the
// resulting screenshot

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$result = $grabzIt->GetResult($id);

if (!$result)
{
   return;
}

//assuming jpg screenshots
file_put_contents("results" . DIRECTORY_SEPARATOR . $id + ".jpg", $result);

Zu intIntegrieren Sie den PHP-Webdienst mit der JavaScript-API, die Sie verwenden müssen OnFinish-Ereignis. Dies kann dann verwendet werden, um einen AJAX-Aufruf an den serverseitigen Webdienst zu tätigen, der die ID des fertigen Screenshots enthält. Der Webdienst kann diese Informationen dann verwenden, um save das Bild auf dem Webserver. Beachten Sie, dass im folgenden Beispiel verwendet wird jQuery.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
	{"onfinish": function (id){
		$.ajax("http://www.example.com/mywebservice.php?id="+id);
	}}).Create();
</script>

Exportieren Sie eine Aufnahme in eine Speicherlösung

Captures können nach der Generierung direkt nach Amazon S3, DropBox, FTP und WebDav exportiert werden, indem Sie das festlegen export Parameter. Dazu müssen Sie eine erstellen URL exportieren und übergeben Sie es an die JavaScript-API.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
    {"export": "dropbox://",
     "onfinish": function (id){
		$.ajax("http://www.example.com/mywebservice.php?id="+id);
    }}).Create();
</script>

Wenn Export-URLs einen Benutzernamen und ein Passwort angeben, wird empfohlen, dass Sie einen Benutzer nur für diese Aufgabe erstellen, damit Sie den Zugriff bei Bedarf einfach widerrufen können. Da dies in JavaScript erfolgt, stellen Sie bitte sicher, dass Sie Folgendes auswählen Sichere Export-URL Option, da dadurch verhindert wird, dass Personen den Benutzernamen und das Passwort Ihrer Speicherlösung stehlen.

Die onfinish-Methode im Beispiel ist nicht erforderlich, ermöglicht Ihnen jedoch, die ID der Erfassung mit dem entsprechenden Benutzer oder der entsprechenden Aktion usw. zu speichern.

Verwenden Sie stattdessen die Daten-URI-Methode

Eine alternative Methode ist die Verwendung von DataURI-Methode In der JavaScript-Bibliothek können Sie den Daten-URI der Erfassung abrufen. Dieser Wert kann dann an Ihren Server gesendet werden, wo Sie ihn dann verwenden können save das Bild.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com").DataURI(callback);

function callback(dataUri)
{
    $.post("http://www.example.com/mywebservice.php", {data: dataUri});
}
</script>