كيفية save لقطة شاشة جافا سكريبت؟

فمن الممكن أن save لقطة شاشة JavaScript ، ولكن ستحتاج إلى استخدام أحد واجهات برمجة التطبيقات من جانب الخادم مثل 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);

إلى integrate خدمة الويب PHP مع جافا سكريبت API سوف تحتاج إلى استخدام حدث OnFinish. ثم يمكن استخدام هذا لإجراء مكالمة AJAX إلى خدمة ويب جانب الخادم ، والتي ستحتوي على معرف لقطة الشاشة المكتملة. يمكن لخدمة الويب بعد ذلك استخدام هذه المعلومات save الصورة على خادم الويب. لاحظ أن المثال التالي يستخدم مسج.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/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.4.7/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>

Where export URL's specify a username and password it is recommended that you create a user just for this task, so it will be easy to revoke access if required. Also as this is in JavaScript please ensure you choose the Secure Export URL option as this will stop people stealing the username and password of your storage solution.

The onfinish method in the example is not required but allows you to store the id of the capture with the appropriate user or action etc.

استخدم الأسلوب URI Data بدلاً من ذلك

طريقة بديلة لاستخدام طريقة DataURI في مكتبة JavaScript للحصول على بيانات URI الخاصة بالتقاط هذه القيمة ، يمكن بعد ذلك نشرها على الخادم الخاص بك إذا كنت تستطيع ذلك save الصورة.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/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>