1. <!doctype html>
    2. <html>
    3. <head>
    4.    <title>读取并解析csv</title>
    5. </head>
    6. <body>
    7. <div>
    8.     无法根据绝对路径直接读取文件吗？一定要通过input吗？
    9.     读取文本文件：
    10.     <input type="file" id="file1" accept="*" />
    11. </div>
    12. <div>
    13.     显示进度：
    14.     <progress id="pro" value="0"></progress>
    15. </div>
    16. <div id="result"></div>
    18. <script type="text/javascript">
    19.     var file1 = document.getElementById('file1');
    20.     file1.onchange = function () {
    21.         var file = file1.files[0];
    22.         //读取为二进制
    23.         var reader = new FileReader();
    24.         reader.readAsText(file,'utf-8');
    25.         //显示进度
    26.         var pro = document.getElementById('pro');
    27.         pro.max = file.size;
    28.         pro.value = 0;
    29.         reader.onprogress = function (e) {
    30.             pro.value = e.loaded;
    31.         }
    32.         reader.onload = function () {
    33.             var str = reader.result;
    34.             var rows = str.split('\n'); 
    35.             /*var clients = [];
    36.             for(var i =0; i<rows.length; i++){
    37.                 var row =rows[i].split(',') ;
    38.                 var client = {
    39.                     id:row[0],
    40.                     company:row[1],
    41.                     address:row[2],
    42.                     name:row[3],
    43.                     phone:row[4],
    44.                     coord:{x:row[5],y:row[6]}
    45.                 };
    46.                 clients.push(client);
    47.             }
    48.             //由对象转为JSON字符串
    49.             console.log(JSON.stringify(clients));
    50.             document.getElementById('result').innerHTML = JSON.stringify(clients);
    51.             */
    52.             console.log(rows);
    53.             document.getElementById('result').innerHTML = rows;
    54.         }
    55.     }
    56. </script>
    57. </body>
    58. </html>