방법 save 자바스크립트 스크린샷?

가능하다 save JavaScript 스크린샷이지만 다음과 같은 서버측 API 중 하나를 사용해야 합니다. PHP GetResult 방법 작은 웹 서비스를 구현하기 위해 save 서버 측의 이미지. PHP 웹 서비스의 예 save 스크린샷은 아래와 같습니다.

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

에 int사용해야 하는 JavaScript API를 사용하여 PHP 웹 서비스를 통합합니다. 완료 이벤트. 그런 다음 이는 완성된 스크린샷의 ID를 포함하는 서버 측 웹 서비스에 대한 AJAX 호출을 만드는 데 사용될 수 있습니다. 그런 다음 웹 서비스는 이 정보를 사용하여 다음을 수행할 수 있습니다. save 웹 서버의 이미지. 아래 예제에서는 다음을 사용합니다. 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>

캡처를 스토리지 솔루션으로 내보내기

캡처가 생성되면 Amazon S3, DropBox, FTP 및 WebDav로 직접 내보낼 수 있습니다. export 매개변수. 이렇게 하려면 다음을 생성해야 합니다. 내보내기 URL 이를 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>

내보내기 URL이 사용자 이름과 비밀번호를 지정하는 경우 필요한 경우 액세스를 쉽게 취소할 수 있도록 이 작업만을 위한 사용자를 생성하는 것이 좋습니다. 또한 이것은 JavaScript로 되어 있으므로 다음을 선택하십시오. 보안 내보내기 URL 옵션을 사용하면 사람들이 스토리지 솔루션의 사용자 이름과 비밀번호를 도용하는 것을 막을 수 있습니다.

예제의 onfinish 메소드는 필수는 아니지만 적절한 사용자 또는 작업 등과 함께 캡처 ID를 저장할 수 있습니다.

대신 데이터 URI 메서드를 사용하세요.

또 다른 방법은 다음을 사용하는 것입니다. DataURI 메서드 캡처의 데이터 URI를 얻기 위해 JavaScript 라이브러리에서 이 값을 서버에 게시할 수 있습니다. save 이미지.

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