Comment save une capture d'écran JavaScript?

Il est possible d' save une capture d'écran JavaScript, mais vous devrez utiliser l'une de nos API côté serveur telles que PHP GetResult méthode implémenter un petit service Web pour save l'image côté serveur. Un exemple de service Web PHP pour save la capture d'écran est présentée ci-dessous.

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

À intPour intégrer le service web PHP avec l'API JavaScript, vous devrez utiliser le Evénement OnFinish. Cela peut ensuite être utilisé pour effectuer un appel AJAX au service Web côté serveur, qui contiendra l'ID de la capture d'écran terminée. Le service Web peut ensuite utiliser ces informations pour save l'image sur le serveur Web. Notez que l'exemple ci-dessous utilise 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>

Exporter une capture vers une solution de stockage

Les captures peuvent être exportées directement vers Amazon S3, DropBox, FTP et WebDav une fois générées en définissant le export paramètre. Pour ce faire, vous devez créer un URL d'exportation et transmettez-le à l'API JavaScript.

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

Lorsque les URL d'exportation spécifient un nom d'utilisateur et un mot de passe, il est recommandé de créer un utilisateur uniquement pour cette tâche, afin qu'il soit facile de révoquer l'accès si nécessaire. De plus, comme c'est en JavaScript, assurez-vous de choisir le URL d'exportation sécurisée car cela empêchera les gens de voler le nom d’utilisateur et le mot de passe de votre solution de stockage.

La méthode onfinish dans l'exemple n'est pas obligatoire mais vous permet de stocker l'identifiant de la capture avec l'utilisateur ou l'action appropriée, etc.

Utilisez plutôt la méthode Data URI

Une méthode alternative consiste à utiliser le Méthode DataURI dans la bibliothèque JavaScript pour obtenir l'URI des données de la capture, cette valeur peut ensuite être publiée sur votre serveur où vous pouvez ensuite save l'image.

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