js读取上传文件内容（针对360彩票网，读取期号，中奖号）

本文链接：https://blog.csdn.net/Funnnnnnny/article/details/78815782

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<title>n</title> 
</head> 

<div>
    上传文件 ： <input type="file" name = "file" id = "fileId" /> 
    
    <button  type = "submit" name = "btn" value = "提交" id = "btnId" οnclick="check()" /> 提交
</div>
<div id="show" style="display: none"></div>
<p>期号</p>
<textarea id="t1"></textarea>
<p>奖号</p>
<textarea id="t2"></textarea>
<script>

    function check() {
        
        var objFile = document.getElementById("fileId");
        if(objFile.value == "") {
            alert("不能空")
        }
    
        //console.log(objFile.files[0].size); // 文件字节数
        
        var files = $('#fileId').prop('files');//获取到文件列表
        if(files.length == 0){
            alert('请选择文件');
        }else{
            var reader = new FileReader();//新建一个FileReader
            reader.readAsText(files[0], "UTF-8");//读取文件 
            reader.onload = function(evt){ //读取完文件之后会回来这里
                var fileString = evt.target.result; // 读取文件内容

                console.log(fileString.indexOf("<tbody id='data-tab'"));
                console.log(fileString.indexOf("<tfoot id='addedrow'>"));
                $('#show').html(fileString.substring(fileString.indexOf("<tbody id='data-tab'"),fileString.indexOf("<tfoot id='addedrow'>")));
                $('#data-tab tr td:eq(4)').css('padding-right',"15px");

                //期号
                var countNum;
                //中奖号
                var bingoNum;

                for(var i = 0;i<$('#data-tab tr').length;i++){
                    countNum += $('#data-tab tr').eq(i).find("td:first").html() + "\n";
                    bingoNum += $('#data-tab tr').eq(i).find("td:first").next().next().text() + "\n";
                }

                $('#t1').html(countNum.replace('undefined',''));
                $('#t2').html(bingoNum.replace('undefined',''));
        }
    }
    
}
</script>
</body> 
</html>