Google 表格导入 CSV 弹出窗口

Question

目标：您想要通过从 Google 电子表格的自定义菜单执行脚本来将 CSV 数据上传到活动工作表。

示例脚本： Google Apps 脚本端：Code.gs 请将以下脚本作为脚本复制并粘贴到脚本编辑器中。

function onOpen() {
  SpreadsheetApp.getUi().createMenu("sample").addItem("import CSV", "importCsv").addToUi();
}

function importCsv(e){
  if (!e) {
    SpreadsheetApp.getUi().showModalDialog(HtmlService.createHtmlOutputFromFile("index"), "sample");
    return;
  }
  const csv = Utilities.parseCsv(Utilities.newBlob(...e).getDataAsString());
  const sheet = SpreadsheetApp.getActiveSheet();
  sheet.getRange(sheet.getLastRow() + 1, 1, csv.length, csv[0].length).setValues(csv);
}

HTML 和 Javascript 端：index.html 请将以下脚本以 HTML 格式复制并粘贴到脚本编辑器中。

<form><input type="file" name="file" onchange="importCsv(this.parentNode)" accept=".csv,text/csv"></form>
<script>
function importCsv(e) {
  const file = e.file.files[0];
  const f = new FileReader();
  f.onload = d => google.script.run.withSuccessHandler(google.script.host.close).importCsv([[...new Int8Array(d.target.result)], file.type, file.name]);
  f.readAsArrayBuffer(file);
}
</script>

使用脚本，当我单击所需的自定义菜单项时，会出现示例弹出窗口，我可以选择该文件，但在选择它后，我使用系统文件浏览器，我只会看到以下屏幕，并且无法知道是否上传成功或正在进行中，但最终，如果您等待足够长的时间，弹出窗口会自行关闭，并且 csv 信息已成功上传。我只想让弹出窗口显示导入进度的更多信息 。

Answer 1

作为一个简单的示例，根据您的情况，进行以下修改如何？

修改后的脚本：

请按如下方式修改您的 HTML。

<form>
  <input type="file" name="file" onchange="importCsv(this.parentNode)" accept=".csv,text/csv">
  <div id="progress">Waiting</div>
</form>
<script>
function importCsv(e) {
  const div = document.getElementById("progress");
  div.innerHTML = "Uploading...";
  const file = e.file.files[0];
  const f = new FileReader();
  f.onload = d => google.script.run.withSuccessHandler(_ => {
    div.innerHTML = "Done";
    setTimeout(google.script.host.close, 1000);
  }).importCsv([[...new Int8Array(d.target.result)], file.type, file.name]);
  f.readAsArrayBuffer(file);
}
</script>

• 在此修改中，当选择文件时，Waiting 的值更改为Uploading...。并且，当文件上传完成后，会显示 Done 并关闭对话框。

• 请根据您的情况修改文本。

Answer 2

当尝试加载更大的 CSV 数据集（3k+ 行）时，我注意到方法“.getDataAsString());” +“.setValues(csv);”执行几分钟后就会失败。

相反，我使用“.batchUpdate()”方法以最短的运行时间一次上传 15k+ 行。

下面是一个示例：

var ss = SpreadsheetApp.getActiveSpreadsheet(),
sheet = ss.getSheetByName('Dataset'),
file = Utilities.newBlob(...e);

var string = file.getDataAsString();
var csvRowsNo = string.match(/(?:"(?:[^"]|"")*"|[^,\n]*)(?:,(?:"(?:[^"]|"")*"|[^,\n]*))*\n/g).length;

sheet.insertRowsAfter(3, csvRowsNo);

var resource = {
  requests: [{pasteData: { data: string, coordinate: {sheetId: sheet.getSheetId(), rowIndex: 2, columnIndex: 3}, delimiter: "," }}]
};
Sheets.Spreadsheets.batchUpdate(resource, ss.getId());

您只需确保在批量更新之前在工作表中添加足够的行数。