直接贴上代码:
<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浏览器。 花了半天时间研究,如果你喜欢就加我好友吧。
时间: 2024-10-07 13:41:08