Manipular saída de lista .txt do fileReader

brunoarchanjo88 · Setembro 28, 2017

Tem como manipular a saída dessa lista local simples. A ideia é modificar cada linha, dizer qual operadora de telefonia cada linha pertence. Consegui fazer apenas em uma linha quando clico no botão "Gerar número com Operadoras". Abaixo é o arquivo que estou tentando modificar.

lista.png.9ea83d72eb04f332bba310a7524fbe17.png

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>FileAPI HTML5</title>
</head>
<body>
    <p>Por favor selecione uma lista:</p>
    <input type="file" id="myFile">
<hr>
<textarea style="height: 200px;width: 100%" id="output"></textarea>
    <script>
        var input = document.getElementById("myFile");
        var output = document.getElementById("output");
        input.addEventListener("change", function () {
          if (this.files && this.files[0]) {
            var myFile = this.files[0];
            var reader = new FileReader();
            
            reader.addEventListener('load', function (e) {
              output.textContent = e.target.result;
            });
            
            reader.readAsBinaryString(myFile);
          }   
        });
//  Aqui é uma Função para exportar arquivos
            function downloadInnerHtml(filename, elId, mimeType) {
                var elHtml = document.getElementById(elId).innerHTML;
                var link = document.createElement('a');
                mimeType = mimeType || 'text/plain';
                link.setAttribute('download', filename);
                link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml));
                link.click(); 
            }
            var fileName =  'tags.txt'; // Aqui muda a extensão
// Função que diz qual operadora cada número pertence
            function operadora(){
                    var areaTexto= document.getElementById('output').textContent
                        var Sub = areaTexto.substr(3,2);
                        console.log(Sub)
            // vivo
                        var vivo = [87,97,98,99]
                        for(var i = 0; i < vivo.length; i++) {
                            if(vivo[i] == Sub) {
                                document.getElementById('output2').textContent = areaTexto+' Operadora Vivo.'
                            return  
                            }
                        }
            // Claro
                        var claro = [91,92,93,94,81,82,83,84] 
                        for(var i = 0; i < claro.length; i++) {
                            if(claro[i] == Sub) {
                                document.getElementById('imprime').innerHTML = areaTexto+' Operadora Claro.'
                            return  
                            }
                        }            
            }
    </script>
    <button onclick="operadora()">Gerar Números com Operadoras</button>
    
    <textarea style="height: 200px;width: 100%" id="output2"></textarea>
    <button style="float: right;" type="button" onclick="downloadInnerHtml(fileName, 'output2')">Exportar</button>
</body>
</html>

lista2.png.76cc27ad8efb41f0c318f842713d4bc9.png lista3.png.bd36eaa02f99a43e6c80287f0d5608d2.png

Snowden · Setembro 28, 2017

Exemplo:

html

<input type="file" name="file" id="file"/>
<textarea cols="80" rows="10" id="result"></textarea>

JS:

const JS_EOL = "\n";
function $(selector) {
    let el = document.querySelector(selector);
    return el;
}
$('#file').addEventListener('change', function(event) {
    let input = event.target, 
        file = new FileReader();
    file.readAsText(input.files[0]);
    file.onload = function(e) {
        let data = file.result.split(JS_EOL);
        for(let i = 0; i < data.length; i++) {
            let row = data[i].trim();
            if(!row.length) {
                continue;
            }
            $('#result').value += row + ' = Ok!' + JS_EOL;
        }
    };
}, false);

brunoarchanjo88 · Setembro 29, 2017

5 horas atrás, Draco Malfoy disse:

Exemplo:

html


<input type="file" name="file" id="file"/>
<textarea cols="80" rows="10" id="result"></textarea>

JS:


const JS_EOL = "\n";
function $(selector) {
    let el = document.querySelector(selector);
    return el;
}
$('#file').addEventListener('change', function(event) {
    let input = event.target, 
        file = new FileReader();
    file.readAsText(input.files[0]);
    file.onload = function(e) {
        let data = file.result.split("\n");
        for(let i = 0; i < data.length; i++) {
            let row = data[i].trim();
            if(!row.length) {
                continue;
            }
            $('#result').value += row + ' = Ok!' + JS_EOL;
        }
    };
}, false);

Obrigado! Era isso mesmo que precisava.

Entrar

Arquivado

Manipular saída de lista .txt do fileReader

Pergunta

brunoarchanjo88 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

2 respostas a esta questão

Recommended Posts

Snowden 94

Compartilhar este post

Link para o post

Compartilhar em outros sites

brunoarchanjo88 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante