無法將xlsx文件轉換爲使用javascript的json

我想將xls文件轉換爲json我可以將其成功轉換，但是當我嘗試將xlsx文件轉換爲json時，我得到一個錯誤：「Uncaught Header Signature：Expected d0cf11e0a1b11ae1 saw 504b030414000808 」。無法將xlsx文件轉換爲使用javascript的json

的Index.html

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>XL to JSON</title> 

    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
    <script src=" https://cdnjs.cloudflare.com/ajax/libs/xls/0.7.4-a/xls.js"></script> 
</head> 
<body> 
    <input type="file" id="my_file_input" /> 
    <div id='my_file_output'></div> 

    <script> 
     var oFileIn; 

     $(function() { 
      oFileIn = document.getElementById('my_file_input'); 
      if(oFileIn.addEventListener) { 
       oFileIn.addEventListener('change', filePicked, false); 
      } 
     }); 


     function filePicked(oEvent) { 
      // Get The File From The Input 
      var oFile = oEvent.target.files[0]; 
      var sFilename = oFile.name; 
      // Create A File Reader HTML5 
      var reader = new FileReader(); 

      // Ready The Event For When A File Gets Selected 
      reader.onload = function(e) { 
       var data = e.target.result; 
       var cfb = XLS.CFB.read(data, {type: 'binary'}); 
       var wb = XLS.parse_xlscfb(cfb); 
       // Loop Over Each Sheet 
       wb.SheetNames.forEach(function(sheetName) { 
        // Obtain The Current Row As CSV 
        var sCSV = XLS.utils.make_csv(wb.Sheets[sheetName]); 
        var oJS = XLS.utils.sheet_to_row_object_array(wb.Sheets[sheetName]); 

        $("#my_file_output").html(sCSV); 
        console.log(oJS) 
       }); 
      }; 

      // Tell JS To Start Reading The File.. You could delay this if desired 
      reader.readAsBinaryString(oFile); 
     } 
    </script> 
</body> 
</html>

任何一個可以請告訴我，我應該怎麼解決this.I我在這個problem.Thanks嚴重stucked提前。

來源

2016-07-15 Shweta

它的工作與此代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>JS-XLSX Live Demo</title> 
    <style> 
     #b64data 
     { 
      width:100%; 
     } 
    </style> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
</head> 
<body> 
<b>JS-XLSX (XLSX/XLSB/XLSM/XLS/XML) Live Demo</b><br /> 
<div id="drop"></div> 
<p><input type="file" name="xlfile" id="xlf" /></p> 
<br /> 
<pre id="out"></pre> 
<br /> 
<script src="shim.js"></script> 
<script src="jszip.js"></script> 
<script src="xlsx.js"></script> 
<!-- uncomment the next line here and in xlsxworker.js for ODS support --> 
<script src="ods.js"></script> 
<script> 
    var X = XLSX; 
    var XW = { 
     /* worker message */ 
     msg: 'xlsx', 
     /* worker scripts */ 
     rABS: './xlsxworker2.js', 
     norABS: './xlsxworker1.js', 
     noxfer: './xlsxworker.js' 
    }; 
    function fixdata(data) 
    { 
     var o = "", l = 0, w = 10240; 
     for(; l<data.byteLength/w; ++l) o+=String.fromCharCode.apply(null,new Uint8Array(data.slice(l*w,l*w+w))); 
     o+=String.fromCharCode.apply(null, new Uint8Array(data.slice(l*w))); 
     return o; 
    } 
    function get_radio_value(radioName) 
    { 
     var radios = document.getElementsByName(radioName); 
     for(var i = 0; i < radios.length; i++) 
     { 
      if(radios[i].checked || radios.length === 1) 
      { 
       return radios[i].value; 
      } 
     } 
    } 
    function to_json(workbook) 
    { 
     var result = {}; 
     var result1 = []; 
     var array1 = []; 
     var arr =[]; 
     workbook.SheetNames.forEach(function(sheetName) 
     { 
      var arr = X.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]); 
      var array_lenght = arr.length; 
      for(var i = 0 ;i<array_lenght;i++) 
      { 
       if(arr.length > 0) 
       { 
        array1 = arr[i]; 
        result = array1; 
        result1.push(array1); 
       } 
      } 
     }); 
     var sub_key = []; 
     for(var ab in result1) 
     { 
      var key = ab; 
      var val = result1[ab]; 
      for(var j in val) 
      { 
       sub_key.push(j); 
       console.log(sub_key); 
      } 
      if((sub_key.indexOf("Last Name") && sub_key.indexOf("Email") && sub_key.indexOf("First Name")) > -1) 
      { 
       return "right format"; 
      } 
      else 
      { 
       return "wrong format"; 
      } 
     } 
    } 
    function process_wb(wb) 
    { 
     var output = ""; 
     switch(get_radio_value("format")) 
     { 
      case "json": 
       output = JSON.stringify(to_json(wb), 2, 2); 
       break; 
      default: 
       output = JSON.stringify(to_json(wb), 2, 2); 
     } 
     if(out.innerText === undefined) out.textContent = output; 
     else out.innerText = output; 
     if(typeof console !== 'undefined') console.log("output", new Date()); 
    } 
    var xlf = document.getElementById('xlf'); 
    function handleFile(e) 
    { 
     rABS = document.getElementsByName("userabs")[0]; 
     use_worker = document.getElementsByName("useworker")[0]; 
     var files = e.target.files; 
     var f = files[0]; 
     { 
      var reader = new FileReader(); 
      var name = f.name; 
      reader.onload = function(e) 
      { 
       if(typeof console !== 'undefined') console.log("onload", new Date()); 
       var data = e.target.result; 
       if(use_worker) 
       { 
        xw(data, process_wb); 
       } 
       else 
       { 
        var wb; 
        if(rABS) 
        { 
         wb = X.read(data, {type: 'binary'}); 
        } else 
        { 
         var arr = fixdata(data); 
         wb = X.read(btoa(arr), {type: 'base64'}); 
        } 
        process_wb(wb); 
       } 
      }; 
      if(rABS) reader.readAsBinaryString(f); 
      else reader.readAsArrayBuffer(f); 
     } 
    } 
    if(xlf.addEventListener) xlf.addEventListener('change', handleFile, false); 
</script> 
</body> 
</html>

來源

2016-07-19 12:22:05 Shweta

您正在使用不支持xlsx文件的xls庫。請使用更新的一個：

https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/xlsx.js

你可以找到更多的詳細信息和文檔這一here。

來源

2016-07-15 15:13:28 10100111001

我更新了上述文件，但仍然給了同樣的問題。 – Shweta

啊，那麼它是你的文件的東西。它可能不是一個真正的XLSX文件。你能分享文件嗎？ – 10100111001

這個答案可能會奏效，但我不認爲你要求它到底是什麼。事實上，根據你的問題和SheetJS/js-xlsx的文檔，我建議是這樣的：

function filePicked(oEvent) { 
// Get The File From The Input 
var oFile = oEvent.target.files[0]; 
var sFilename = oFile.name; 
// Create A File Reader HTML5 
var reader = new FileReader(); 

// Ready The Event For When A File Gets Selected 
reader.onload = function(e) { 
    var data = e.target.result; 
    var cfb = XLSX.read(data, {type: 'binary'}); 
    console.log(cfb) 
    cfb.SheetNames.forEach(function(sheetName) { 
     // Obtain The Current Row As CSV 
     var sCSV = XLS.utils.make_csv(cfb.Sheets[sheetName]); 
     var oJS = XLS.utils.sheet_to_json(cfb.Sheets[sheetName]); 

     $("#my_file_output").html(sCSV); 
     console.log(oJS) 
     $scope.oJS = oJS 
    }); 
}; 

// Tell JS To Start Reading The File.. You could delay this if desired 
reader.readAsBinaryString(oFile);}

我嘗試過了，它工作正常。而更重要的是，它是你的問題的真正答案。

來源

2016-11-10 12:05:32

<script type="text/javascript"> 

document.querySelector("html").classList.add('js'); 

var fileInput = document.querySelector(".input-file"), 
    button  = document.querySelector(".input-file-trigger"), 
    the_return = document.querySelector(".file-return"); 

button.addEventListener("keydown", function(event) { 
    if (event.keyCode == 13 || event.keyCode == 32) { 
     fileInput.focus(); 
    } 
}); 
button.addEventListener("click", function(event) { 
    fileInput.focus(); 
    return false; 
}); 
fileInput.addEventListener("change", function(event) { 

    var oFile = event.target.files[0]; 
    var sFilename = oFile.name; 
    var reader = new FileReader(); 

    // Ready The Event For When A File Gets Selected 
    reader.onload = function(e) { 
     var data = e.target.result; 
     var cfb = XLSX.read(data, {type: 'binary'}); 
     // Loop Over Each Sheet 
     cfb.SheetNames.forEach(function(sheetName) { 
         var sCSV = XLS.utils.make_csv(cfb.Sheets[sheetName]); 
         var oJS = XLS.utils.sheet_to_json(cfb.Sheets[sheetName]); 
      alert(oJS); 
      alert(sCSV); 
     }); 
    }; 
    // Tell JS To Start Reading The File.. You could delay this if desired 
    reader.readAsBinaryString(oFile); 


});

來源

2016-12-13 13:36:55

無法將xlsx文件轉換爲使用javascript的json

回答

相關問題