JavaScript 讀取CSV文件並轉為js對象


html部分

<!-- 創建隱藏file input -->
<button type="button" name="seach" onclick="FuncCSVInport()">CSV Import</button> <input type="file" id="csvFileInput" onchange="readCSVFile(this)" /> #csvFileInput{ position: absolute; right: 0px; opacity: 0; }

js部分

<script>
    function csvToObject(csvString){
        var csvarry = csvString.split("\r\n");
        var datas = [];
        var headers = csvarry[0].split(",");
        for(var i = 1;i<csvarry.length;i++){
            var data = {};
            var temp = csvarry[i].split(",");
                 for(var j = 0;j<temp.length;j++){
                     data[headers[j]] = temp[j];
                 }
            datas.push(data);
        }
         return datas;
    }

     function FuncCSVInport() {
         $("#csvFileInput").val("");
         $("#csvFileInput").click();
     }

     function readCSVFile(obj) {
         var reader = new FileReader();
         reader.readAsText(obj.files[0]);
         reader.onload = function () {
               var data = csvToObject(this.result);
                console.log(data);//data為csv轉換后的對象
        }
   }
</script>                

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM