码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-04-19 13:55:47      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

直接贴上代码:

<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 = new CSV(fileString, {
            header: [‘username‘, ‘pay_money‘, ‘pay_type‘]
          }).parse();

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

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

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

标签:

原文地址:http://www.cnblogs.com/hyh123/p/5407600.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!