直接贴上代码:
<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浏览器。