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

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

طريقة onfinish في المثال غير مطلوبة ولكنها تسمح لك بتخزين معرف الالتقاط مع المستخدم أو الإجراء المناسب إلخ.

استخدم الأسلوب 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>