前端讀取.txt文檔內容實現


項目開發時遇到一個需求,需要讀取客戶存在.txt文檔中的手機號批量發送短信。 有2種實現方式

1: 前端將.txt 文檔上傳到服務端 前端校驗文建格式,服務器端解析文檔,校驗文檔內容,取手機號發送短信。 

2:前端解析.txt 文檔 讀取其中的內容 並校驗文檔中的內容是否合法,將通過校驗后的數據 采用ajax的方式發送到給后台

根據網上的一些資料 寫了一個測試前端解析的demo。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>前端解析.txt文檔demo</title>
</head>
<body>
<input type="file" id="fileSubmit" />
</body>
<script>
    document.getElementById('fileSubmit').addEventListener('change',function(){
        readFile(this,function(data){
            console.log(data);
       },function(){
           alert('解析文件出錯');
       })
    });
    function readFile(input,sc,ec) {
        //支持chrome IE10
        if (window.FileReader) {
            var file = input.files[0];
            filename = file.name.split(".")[0];
            var reader = new FileReader();
            reader.onload = function() {
                sc(this.result);
            };
            reader.readAsText(file);
        }
        //支持IE 7 8 9 10
        else if (typeof window.ActiveXObject != 'undefined'){
            var xmlDoc;
            xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
            xmlDoc.async = false;
            xmlDoc.load(input.value);
            sc(xmlDoc);
        }
        //支持FF
        else if (document.implementation && document.implementation.createDocument) {
            var xmlDoc;
            xmlDoc = document.implementation.createDocument("", "", null);
            xmlDoc.async = false;
            xmlDoc.load(input.value);
            sc(xmlDoc);
        } else {
            ec();
        }
    }
</script>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM