直接貼上代碼：
<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瀏覽器。
花了半天時間研究，如果你喜歡就加我好友吧。