jquery读取csv文件并用json格式输出

直接贴上代码:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
     <title>Untitled Page</title>
</head>
<script language="javascript" src="jquery-1.8.3.min.js"></script>
<script language="javascript" src="csv.js"></script>
<script language="javascript" type="text/javascript">
function importXLS(){
     if (!(window.File || window.FileReader || window.FileList || window.Blob)) {
         alert('请使用Chrome浏览器!');
     }
     var files = $('input[name="fileTrans"]').prop('files');//获取到文件列表

     if(files.length == 0){
       alert('请选择文件');
       return;
     }else{
       var reader = new FileReader();//新建一个FileReader
       reader.readAsText(files[0], "gbk");//读取文件 
       reader.onload = function(evt){ //读取完文件之后会回来这里
         var fileString = evt.target.result;
          var a = CSV.parse(fileString, {
            header: ['username', 'pay_money', 'pay_type']
          });
      
          console.log(a);
       }
     }
     }
</script>
</head>
<body>
<input type="file" name="fileTrans" id="f" />
<input type="button" id="b" value="import" onclick="if(f.value=='')alert('请选择csv文件');else importXLS()" />
</body>
</html> 

  这里用到了两个类:

FileReader();
CSV();
基本上能够兼容谷歌和360浏览器。

花了半天时间研究,如果你喜欢就加我好友吧。
原文地址:https://www.cnblogs.com/hyh123/p/5407600.html