कॉर्डोवा - फाइल सिस्टम

इस प्लगइन का उपयोग उपयोगकर्ता के डिवाइस पर मूल फ़ाइल सिस्टम में हेरफेर करने के लिए किया जाता है।

चरण 1 - फ़ाइल प्लगइन स्थापित करना

हमें निम्नलिखित कोड चलाने की आवश्यकता है command prompt इस प्लगइन को स्थापित करने के लिए।

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-file

चरण 2 - बटन जोड़ें

इस उदाहरण में, हम आपको दिखाएंगे कि फ़ाइल कैसे बनाएं, फ़ाइल में लिखें, इसे पढ़ें और इसे हटा दें। इस कारण से, हम चार बटन बनाएंगेindex.html। हम भी जोड़ेंगेtextarea जिसमें, हमारी फ़ाइल की सामग्री दिखाई जाएगी।

<button id = "createFile">CREATE FILE</button>
<button id = "writeFile">WRITE FILE</button>
<button id = "readFile">READ FILE</button>
<button id = "removeFile">DELETE FILE</button>
<textarea id = "textarea"></textarea>

चरण 3 - इवेंट श्रोताओं को जोड़ें

हम जोड़ देंगे event listeners में index.js के अंदर onDeviceReady यह सुनिश्चित करने के लिए फ़ंक्शन कि सब कुछ प्लगइन शुरू होने से पहले शुरू हो गया है।

document.getElementById("createFile").addEventListener("click", createFile);
document.getElementById("writeFile").addEventListener("click", writeFile);
document.getElementById("readFile").addEventListener("click", readFile);
document.getElementById("removeFile").addEventListener("click", removeFile);

चरण 4A - फ़ाइल फ़ंक्शन बनाएँ

डिवाइस पर ऐप्स रूट फ़ोल्डर में फ़ाइल बनाई जाएगी। आपके द्वारा प्रदान किए जाने वाले रूट फ़ोल्डर तक पहुंचने में सक्षम होने के लिएsuperuserआपके फ़ोल्डर्स तक पहुँच। हमारे मामले में, रूट फ़ोल्डर का मार्ग है\data\data\com.example.hello\cache। फिलहाल यह फोल्डर खाली है।

अब एक फंक्शन जोड़ते हैं जो log.txt फाइल बनाएगा। हम इस कोड को लिखेंगेindex.jsऔर फ़ाइल सिस्टम के लिए एक अनुरोध भेजें। यह विधि WINDOW.TEMPORARY या WINDOW.PERSISTENT का उपयोग करती है। भंडारण के लिए आवश्यक आकार बाइट्स में मूल्यवान है (हमारे मामले में 5 एमबी)।

function createFile() {
   var type = window.TEMPORARY;
   var size = 5*1024*1024;
   window.requestFileSystem(type, size, successCallback, errorCallback)

   function successCallback(fs) {
      fs.root.getFile('log.txt', {create: true, exclusive: true}, function(fileEntry) {
         alert('File creation successfull!')
      }, errorCallback);
   }

   function errorCallback(error) {
      alert("ERROR: " + error.code)
   }
	
}

अब हम इसे दबा सकते हैं CREATE FILE बटन और चेतावनी पुष्टि करेगी कि हमने फ़ाइल को सफलतापूर्वक बनाया है।

अब, हम अपने ऐप्स रूट फ़ोल्डर को फिर से जांच सकते हैं और हम अपनी नई फ़ाइल वहां पा सकते हैं।

चरण 4 बी - फ़ाइल फ़ंक्शन लिखें

इस चरण में, हम अपनी फ़ाइल में कुछ पाठ लिखेंगे। हम फिर से फाइल सिस्टम में एक अनुरोध भेजेंगे, और फिर लिखने के लिए सक्षम होने के लिए फाइल लेखक बनाएंगेLorem Ipsum पाठ जिसे हमने सौंपा है blob चर।

function writeFile() {
   var type = window.TEMPORARY;
   var size = 5*1024*1024;
   window.requestFileSystem(type, size, successCallback, errorCallback)

   function successCallback(fs) {
      fs.root.getFile('log.txt', {create: true}, function(fileEntry) {

         fileEntry.createWriter(function(fileWriter) {
            fileWriter.onwriteend = function(e) {
               alert('Write completed.');
            };

            fileWriter.onerror = function(e) {
               alert('Write failed: ' + e.toString());
            };

            var blob = new Blob(['Lorem Ipsum'], {type: 'text/plain'});
            fileWriter.write(blob);
         }, errorCallback);
      }, errorCallback);
   }

   function errorCallback(error) {
      alert("ERROR: " + error.code)
   }
}

दबाने के बाद WRITE FILE बटन, अलर्ट हमें सूचित करेगा कि निम्नलिखित स्क्रीनशॉट में लेखन सफल है।

अब हम खोल सकते हैं log.txt और देखें कि Lorem Ipsum अंदर लिखा है।

चरण 4C - फ़ाइल फ़ंक्शन पढ़ें

इस चरण में, हम log.txt फ़ाइल को पढ़ेंगे और इसे प्रदर्शित करेंगे textareaतत्व। हम फ़ाइल सिस्टम को एक अनुरोध भेजेंगे और फ़ाइल ऑब्जेक्ट प्राप्त करेंगे, फिर हम बना रहे हैंreader। जब पाठक लोड हो जाता है, तो हम लौटाए गए मान को असाइन करेंगेtextarea

function readFile() {
   var type = window.TEMPORARY;
   var size = 5*1024*1024;
   window.requestFileSystem(type, size, successCallback, errorCallback)

   function successCallback(fs) {
      fs.root.getFile('log.txt', {}, function(fileEntry) {

         fileEntry.file(function(file) {
            var reader = new FileReader();

            reader.onloadend = function(e) {
               var txtArea = document.getElementById('textarea');
               txtArea.value = this.result;
            };
            reader.readAsText(file);
         }, errorCallback);
      }, errorCallback);
   }

   function errorCallback(error) {
      alert("ERROR: " + error.code)
   }
}

जब हम क्लिक करते हैं READ FILE बटन, फ़ाइल से पाठ अंदर लिखा जाएगा textarea

चरण 4D - फ़ाइल फ़ंक्शन हटाएं

और अंत में हम डिलीट करने के लिए फंक्शन बनाएंगे log.txt फ़ाइल।

function removeFile() {
   var type = window.TEMPORARY;
   var size = 5*1024*1024;
   window.requestFileSystem(type, size, successCallback, errorCallback)

   function successCallback(fs) {
      fs.root.getFile('log.txt', {create: false}, function(fileEntry) {

         fileEntry.remove(function() {
            alert('File removed.');
         }, errorCallback);
      }, errorCallback);
   }

   function errorCallback(error) {
      alert("ERROR: " + error.code)
   }
}

हम अब दबा सकते हैं DELETE FILEएप्लिकेशन रूट फ़ोल्डर से फ़ाइल को हटाने के लिए बटन। अलर्ट हमें सूचित करेगा कि डिलीट ऑपरेशन सफल है।

यदि हम ऐप्स रूट फ़ोल्डर की जांच करते हैं, तो हम देखेंगे कि यह खाली है।