كيفية 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.3.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>

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

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

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

تصدير لقطة إلى حل التخزين

يمكن تصدير اللقطات مباشرة إلى Amazon S3 و DropBox و FTP و WebDav بمجرد إنشائها من خلال ضبط export معامل. للقيام بذلك تحتاج إلى إنشاء عنوان URL للتصدير ونقله إلى JavaScript API.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
    {"export": "dropbox://"}).Create();
</script>

عندما تحدد عنوان URL للتصدير اسم مستخدم وكلمة مرور ، يوصى بإنشاء مستخدم لهذه المهمة فقط ، لذلك سيكون من السهل إلغاء الوصول إذا لزم الأمر. نظرًا لأن هذا في JavaScript ، لا يمكن إخفاؤه ، ولكن هناك طرقًا لتعطيل شفرة JavaScript الخاصة بك.