Início / coding / Perguntas / 79573952
Accepted
Tim Schley
Asked: 2025-04-15 04:16:27 +0800 CST

Processando vários arquivos .csv

  • 772

Estou trabalhando em um processo de importação em lote de dados de vários arquivos .csv do meu computador para o Planilhas Google sem fazer upload de todos eles para o Google Drive primeiro.

Atualmente tenho o seguinte:

index.html

<form>
  <input type="file" name="file" onchange="importCsv(this.parentNode)" accept=".csv,text/csv" multiple>
</form>
<p id="progress" style="display:none;">
  <label for="upload" style="font-family: sans-serif;">Uploadling...</label>
  <progress id="upload"></progress>
</p>
<script>
  function readFileAsBuffer(file){
    return new Promise(function(resolve,reject){
      let fr = new FileReader();

      fr.onload = function(){
          resolve(fr.result);
      };

      fr.onerror = function(){
          reject(fr);
      };

      fr.readAsArrayBuffer(file);
    });
  }
  async function importCsv(e) {
    document.getElementById("progress").style.display = "block";
    const files = e.file.files;
    let fileReaders = [];
    let fileValues = [];

    for(let i = 0;i < files.length;i++){ 
      fileReaders.push(readFileAsBuffer(files[i])); 
    }

    await Promise.all(fileReaders).then((values) => {
      fileValues.push(values);

    });

    for(let i=0; i < files.length; i++)
    {
      let file = files[i];
      await google.script.run.withSuccessHandler(google.script.host.close).importCsv([[...new Int8Array(fileValues[0][i])], file.type, file.name]);
    }    
  }
</script>

script.gs

function onOpen() {
  SpreadsheetApp.getUi().createMenu("Import").addItem("Import CSVs", "importCsv").addToUi();
}

function importCsv(e){
  if (!e) {
    SpreadsheetApp.getUi().showModalDialog(HtmlService.createHtmlOutputFromFile("index"), "Import CSVs");
    return;
  }
  const lock = LockService.getScriptLock();
  lock.waitLock(30000);
  const csv = Utilities.parseCsv(Utilities.newBlob(...e).getDataAsString());
  const sheet = SpreadsheetApp.getActiveSheet();
  sheet.getRange(sheet.getLastRow() + 3, 1, csv.length, csv[0].length).setValues(csv);
  lock.releaseLock();
}

Inicialmente, configurei sem usar promessas, mas percebi que todos os arquivos que eu tentava importar eram colocados na planilha fora de ordem. Pensei que usar promessas para esperar até que cada arquivo fosse lido e processado antes de passar para a planilha ajudaria, mas ainda estou com o mesmo problema. Além de usar o objeto LockService, como estou fazendo, alguém tem alguma ideia de como fazer o script esperar até que cada seção seja adicionada à planilha?

javascript

1 respostas

  1. Best Answer

    Quando vi seu script para index.html, ' it seemed that the values of fileValues, ele incluiu todos os dados dos arquivos. Pensei que isso poderia ser útil. Então, que tal a seguinte modificação?

    HTML e Javascript:index.html

    <form>
  <input type="file" name="file" onchange="importCsv(this.parentNode)" accept=".csv,text/csv" multiple>
</form>
<p id="progress" style="display:none;">
  <label for="upload" style="font-family: sans-serif;">Uploadling...</label>
  <progress id="upload"></progress>
</p>
<script>
function readFileAsBuffer(file) {
  return new Promise(function (resolve, reject) {
    let fr = new FileReader();

    fr.onload = function () {
      resolve([[...new Int8Array(fr.result)], file.type, file.name]);
    };

    fr.onerror = function () {
      reject(fr);
    };

    fr.readAsArrayBuffer(file);
  });
}
async function importCsv(e) {
  document.getElementById("progress").style.display = "block";
  const files = e.file.files;
  let fileReaders = [];
  let fileValues = [];

  for (let i = 0; i < files.length; i++) {
    fileReaders.push(readFileAsBuffer(files[i]));
  }

  await Promise.all(fileReaders).then((values) => {
    fileValues.push(...values);

  });
  google.script.run.withSuccessHandler(google.script.host.close).importCsv(fileValues);
}
</script>

    Script do Google Apps:script.gs

    function importCsv(e) {
  if (!e) {
    SpreadsheetApp.getUi().showModalDialog(HtmlService.createHtmlOutputFromFile("index"), "Import CSVs");
    return;
  }

  const lock = LockService.getDocumentLock();
  if (lock.tryLock(350000)) {
    try {

      const array = e.flatMap(v => [...Utilities.parseCsv(Utilities.newBlob(...v).getDataAsString()), ...Array(2).fill([])]);
      const maxLen = Math.max(...array.map((r) => r.length));
      const values = array.map((r) => [...r, ...Array(maxLen - r.length).fill(null)]);
      const sheet = SpreadsheetApp.getActiveSheet();
      sheet.getRange(sheet.getLastRow() + 3, 1, values.length, values[0].length).setValues(values);


    } catch (err) {
      return ContentService.createTextOutput(err.message);
    } finally {
      lock.releaseLock();
      return ContentService.createTextOutput("Done");
    }
  } else {
    return ContentService.createTextOutput("Timeout");
  }
}

    Nesta modificação, fileValuesinclui todos os dados dos arquivos. fileValuesÉ enviado para o Google Apps Script e o conteúdo do arquivo é convertido em uma matriz. Em seguida, a matriz é inserida na planilha ativa. No seu script de demonstração, imaginei que você talvez quisesse inserir 2 linhas vazias entre cada arquivo. Portanto, este script modificado adiciona 2 linhas vazias a cada arquivo.

    Observação:

    • No caso de google.script.run, await google.script.runnão pode ser usado. Se você quiser usá-lo em um loop, este repositório pode ser útil. Ref (Autor: eu)
    • 3

relate perguntas