जावास्क्रिप्ट में ओपन एक्सएमएल एक्सेल फाइलें खोलें

एक्सेल से हमारी रसद सास सेवा "एंट लॉजिस्टिक्स" के आउटलेट के बारे में जानकारी अपलोड करने के लिए, मैंने एक वेब ब्राउज़र का उपयोग करने का निर्णय लिया। आम तौर पर सर्वर पर फ़ाइल अपलोड करना और किसी भी लाइब्रेरी का उपयोग करके डेटाबेस पर अपलोड करना आसान होता है। लेकिन मैं ग्राहक द्वारा प्रत्येक लाइन की अखंडता को नियंत्रित करने के लिए लाइन द्वारा इसे डाउनलोड करने के लिए लाइन में रुचि रखता था, और निश्चित रूप से, एचटीएमएल 5 फ़ाइलएपीआई और सभी द्वारा विज्ञापित ड्रैग एंड ड्रॉप का प्रयास करें।

एक्सेल ओपन XML प्रारूप में कैटलॉग और XML फ़ाइलों के साथ एक ज़िप संग्रह है। JQuery XML पार्स करने में अच्छा है, लेकिन कोई zippy नहीं है। ऐसा करने के लिए, zip.js पुस्तकालय नेटवर्क के विशाल विस्तार पर पाया गया, जिसने एक उत्कृष्ट काम किया।

तो, आइए देखें कि संग्रह के अंदर क्या है:

<div class="main"> <progress id="progress"></progress> <div class="filedrag" id="comps">  <span class="red"></span></div> <div class="result"></div> </div> 

 var c = document.getElementById("comps"), FileDragHover = function (e) { e.stopPropagation(); e.preventDefault(); if(e.target.id==='comps') e.target.className = (e.type == "dragover" ? "filedrag hover" : "filedrag"); else c.className = (e.type == "dragover" ? "filedrag hover" : "filedrag"); } c.addEventListener("drop", function(e){ e.preventDefault(); c.className = "filedrag"; var files = e.target.files || e.dataTransfer.files; for (var i = 0, f; f = files[i]; i++) { if(f.name.toLowerCase().indexOf('xlsx')<=0) { alert('   Excel'); } else { zip.createReader(new zip.BlobReader(f), function(reader) { //     reader.getEntries(function(entries) { //       Excel console.info(entries) return false; }); }, function(error) { alert(": " + error) }); } } return false; }, false); c.addEventListener("dragover", FileDragHover, false); c.addEventListener("dragleave", FileDragHover, false); 

परिणाम यहां देखा जा सकता है । नमूना फ़ाइल डाउनलोड करें और इसे फ़ॉर्म पर खींचें।
सभी Excel कार्यपुस्तिका संग्रह फ़ाइलों की एक सूची कंसोल में दिखाई देती है। कंसोल में दिखाई देने वाली वस्तुओं के गुणों में फ़ाइल नाम है, जिसके द्वारा हम उन XML फ़ाइलों की तलाश करेंगे जिनकी हमें आवश्यकता है।

हमें पुरालेख से दो फ़ाइलों की आवश्यकता होगी:

• import.xlsx \ xl \ worksheets \ sheet [N] .xlsx
• import.xlsx \ xl \ sharedStrings.xml

जहां:
शीट [एन] .xlsx - वास्तविक एक्सेल शीट, एन - पुस्तक में इसकी आंतरिक संख्या।
shareStrings.xml - एक तार की एक साहचर्य सरणी, एक पत्रक का एक शब्दकोश।

हम केवल उन फ़ाइलों को फ़िल्टर करते हैं जिनकी हमें आवश्यकता है:

 //     reader.getEntries(function(entries) { var a=[],st; for(var i in entries){ var e=entries[i]; var fn=e.filename.toLowerCase(); if(fn.indexOf("sheet")>0){ a.push(e); } else if(fn.indexOf("sharedstring")>0){ st=e; } } //     Excel console.info(a) //    console.info(st) return false; }); 

आप फ़ाइल को अपलोड करके और कंसोल को देखकर यहाँ परिणाम देख सकते हैं।

अगला, हमें सरल चयनकर्ताओं के साथ डेटा निकालने की आवश्यकता है, स्ट्रिंग शब्दकोश के लिए यह टी है , शीट पर डेटा के साथ तालिका प्रविष्टियों के लिए यह शीटडाटा पंक्ति है ।

एक्सेल शीट से डेटा प्रदर्शित करने के लिए एक फंक्शन जोड़ें:

 printExcelData = function(sheets, strings) { var unzipProgress = document.getElementById("progress"); unzipProgress.style.display='block'; strings.getData(new zip.TextWriter(), function(text) { //          var i,st=$($.parseXML(decodeURIComponent(escape(text)))).find('si t'); for(i=0;i<st.length;++i) st[i]=$(st[i]).text(); //      var parseSheet=function(sheet){ var j,i,h,sh,d=[],s; sheet.getData(new zip.TextWriter(), function(text) { //      sh=$($.parseXML(decodeURIComponent(escape(text)))).find('sheetdata row'); //     sh.each(function(e){ var c=$(this).find('c'),ci,v,o={}; for(i=0;i<c.length;++i){ ci=$(c[i]); v=ci.find('v').text(); if(ci.attr('t')) v=st[v]; j=ci.attr('r').charCodeAt(0)-65; if(h) o[h[j]]=v; else o[j]=v; } if(h){ d.push(o) } else h=o; }); var id_name=""; for(i in h) if(h[i]=='Comp_Id'){ id_name=h[i]; break; } //   Comp_Id   ,    if(id_name=='Comp_Id') { unzipProgress.style.display='none'; //     s=""; for(i=0;i<Object.keys(h).length;i++) s+='<th>'+h[i]+'</th>'; $('.result thead tr').append(s) //   s=""; for(j=0; j<d.length; j++){ s+='<tr>'; for(i=0; i<Object.keys(h).length; i++){ s+='<td>'+d[j][h[i]].toString()+'</td>'; } s+='</tr>'; } $('.result tbody').append(s) sheets=[]; return; } if(sheets.length>0) parseSheet(sheets.pop()); }, function(current, total) { unzipProgress.value = current; unzipProgress.max = total; }); } parseSheet(sheets.pop()); }, function(current, total) { unzipProgress.value = current; unzipProgress.max = total; }); } 

चूंकि क्रोम इसे क्रॉस-डोमेन में HTML फ़ाइल एपीआई का उपयोग करने के लिए एक अपराध मानता है (बिना सिक्योरिटी के सुरक्षा: उपयोगकर्ता एजेंट की सुरक्षा नीति के माध्यम से तोड़ने का प्रयास किया गया था। ), अंतिम उदाहरण वेब सर्वर पर अपलोड किया गया था।
फ़ाइल को खींचें और मानक HTML तालिका प्राप्त करें।

पुनश्च
हां, अब, जैसा कि यह निकला, जावास्क्रिप्ट के लिए एक ओपन एक्सएमएल एसडीके है , लेकिन यह एक अलग लेख के लिए एक विषय है ...