كيف 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قم بدمج خدمة الويب PHP مع واجهة برمجة تطبيقات JavaScript التي ستحتاج إلى استخدام حدث OnFinish. ويمكن بعد ذلك استخدام هذا لإجراء اتصال AJAX بخدمة الويب من جانب الخادم، والتي ستحتوي على معرف لقطة الشاشة المكتملة. يمكن لخدمة الويب بعد ذلك استخدام هذه المعلومات من أجل 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", 
	{"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 في المثال غير مطلوبة ولكنها تسمح لك بتخزين معرف الالتقاط مع المستخدم أو الإجراء المناسب وما إلى ذلك.

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

الطريقة البديلة هي استخدام طريقة DataURI في مكتبة جافا سكريبت للحصول على بيانات URI الخاصة بالالتقاط، يمكن بعد ذلك نشر هذه القيمة على الخادم الخاص بك حيث يمكنك ذلك 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>