कसे 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जावास्क्रिप्ट API सह PHP वेब सेवा एग्रेट करा ऑनफिनिश इव्हेंट. हे नंतर सर्व्हर साइड वेब सेवेवर 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 पर्याय म्हणून हे लोक तुमच्या स्टोरेज सोल्यूशनचे वापरकर्तानाव आणि पासवर्ड चोरणे थांबवेल.

उदाहरणातील ऑनफिनिश पद्धत आवश्यक नाही परंतु योग्य वापरकर्ता किंवा कृती इत्यादीसह कॅप्चरचा आयडी संग्रहित करण्याची परवानगी देते.

त्याऐवजी डेटा URI पद्धत वापरा

पर्यायी पद्धत वापरणे आहे डेटायूरी पद्धत कॅप्चरचा डेटा 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>