Come save uno screenshot di JavaScript?

È possibile save uno screenshot JavaScript, ma dovrai utilizzare una delle nostre API lato server come PHP GetResult metodo per implementare un piccolo servizio web a save l'immagine sul lato server. Un esempio di servizio web PHP save lo screenshot, è mostrato di seguito.

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

A integra il servizio web PHP con l'API JavaScript di cui avrai bisogno per utilizzare Evento OnFinish. Questo può quindi essere utilizzato per effettuare una chiamata AJAX al servizio web lato server, che conterrà l'ID dello screenshot completato. Il servizio Web può quindi utilizzare queste informazioni per save l'immagine sul server web. Tieni presente che l'esempio seguente utilizza 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>

Esporta un'acquisizione in una soluzione di archiviazione

Le acquisizioni possono essere esportate direttamente su Amazon S3, DropBox, FTP e WebDav una volta generate impostando il export parametro. Per fare ciò è necessario creare un URL di esportazione e passarlo all'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>

Laddove gli URL di esportazione specificano un nome utente e una password, si consiglia di creare un utente solo per questa attività, in modo che sarà facile revocare l'accesso se necessario. Inoltre, poiché questo è in JavaScript, assicurati di scegliere il file URL di esportazione sicuro opzione in quanto ciò impedirà alle persone di rubare il nome utente e la password della tua soluzione di archiviazione.

Il metodo onfinish nell'esempio non è obbligatorio ma consente di memorizzare l'ID dell'acquisizione con l'utente o l'azione appropriata, ecc.

Utilizzare invece il metodo URI dati

Un metodo alternativo è utilizzare il file Metodo DataURI nella libreria JavaScript per ottenere l'URI dei dati dell'acquisizione, questo valore può quindi essere pubblicato sul tuo server dove puoi save l'immagine.

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