Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

  • 0
brunoarchanjo88

Manipular saída de lista .txt do fileReader

Perguntado por brunoarchanjo88

Pergunta

brunoarchanjo88    0

brunoarchanjo88
Postado

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.pnglista3.png.bd36eaa02f99a43e6c80287f0d5608d2.png

Compartilhar este post

Link para o post
Compartilhar em outros sites

2 respostas a esta questão

Recommended Posts

Snowden    94

Snowden
Postado

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);

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

brunoarchanjo88    0

brunoarchanjo88
Postado
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.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para lista de Perguntas Perguntas e respostas rápidas

  • Conteúdo Similar

    • ILR master
      Abrir url na mesma janela
      Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Giovanird
      Atualizar pagina PHP que esta dentro de uma div
      Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Thiago Duarte
      Drag and Drop para arrastar imagem
      Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • belann
      Upload de arquivos com javascript
      Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito