博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2016-04-19 11:55  红与黑hyh  阅读(5122)  评论(1编辑  收藏  举报

直接贴上代码:

<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浏览器。

花了半天时间研究,如果你喜欢就加我好友吧。

广告时间:爱搜优惠券-大量tao宝优惠券免费领 http://youhuiquan.huangyuehe.com