谷歌应用程序脚本模仿文件-使用自定义菜单项将csv文件导入工作表

Question

如何编写一个脚本，让我在点击自定义菜单时从谷歌电子表格的本地驱动器中选择并上传CSV文件？(我想通过脚本复制"文件"-->"导入"命令，但在打开时会出现一个新菜单(。

这里有一个类似的问题，但答案使用了一种现在不推荐使用的方法。脚本导入谷歌电子表格中的本地CSV

不推荐的答案

function doGet(e) {
var app = UiApp.createApplication().setTitle("Upload CSV to Sheet");
var formContent = app.createVerticalPanel();
formContent.add(app.createFileUpload().setName('thefile'));
formContent.add(app.createSubmitButton('Start Upload'));
var form = app.createFormPanel();
form.add(formContent);
app.add(form);
//  return app;
SpreadsheetApp.getActiveSpreadsheet().show(app);// show app 
}
function doPost(e) {
// data returned is a blob for FileUpload widget
var fileBlob = e.parameter.thefile;
// parse the data to fill values, a two dimensional array of rows
// Assuming newlines separate rows and commas separate columns, then:
var values = []
var rows = fileBlob.contents.split('n');
for(var r=0, max_r=rows.length; r<max_r; ++r)
values.push( rows[r].split(',') );  // rows must have the same number of columns
// Using active sheet here, but you can pull up a sheet in several other ways as well
SpreadsheetApp.getActiveSheet()
.getRange( 1, 1, values.length, values[0].length )
.setValues(values);
}

Answer 1

我相信您的目标如下。

• 您想通过从谷歌电子表格的自定义菜单执行脚本将CSV数据上传到活动工作表

在这种情况下，下面的示例脚本如何？

示例脚本：

谷歌应用程序脚本端：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>

测试：

测试上述脚本时，请运行onOpen或重新打开电子表格。通过此操作，您可以看到自定义菜单。当您选择"；导入CSV"；从自定义菜单中，将打开一个对话框。当您从本地电脑中选择CSV文件时，CSV数据将导入到活动工作表中。

注：

• 这是一个简单的示例脚本。因此，请根据您的实际情况对此进行修改

参考文献：

• 谷歌工作区中的自定义菜单
• Google Workspace文档中的对话框和边栏

Answer 2

迟到了，但需要类似的功能。在接受的解决方案的评论中，OP要求能够显示正在进行处理的某种形式的反馈。为了实现这一点，我对HTML内容做了一个小的修改。这是一个非常简单的例子，所以根据需要进行修改，但它在评论中解决了OP的问题：

<form>
<input type="file" name="file" onchange="importCsv(this.parentNode)" accept=".csv,text/csv">
</form>
<p id="progress" style="display:none;">
<label for="upload" style="font-family: sans-serif;">Uploadling...</label>
<progress id="upload"></progress>
</p>
<script>
function importCsv(e) {
document.getElementById("progress").style.display = "block";
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>

Answer 3

与其从本地上传，不如从Google Drive上传。

查看以下代码：

function importCSVFromGoogleDrive() {
var file = DriveApp.getFilesByName("file.csv").next();
var csvData = Utilities.parseCsv(file.getBlob().getDataAsString());
var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('TEST').activate();
sheet.getRange(1, 1, csvData.length, csvData[0].length).setValues(csvData);
}

这将数据从"；文件.csv"；在您的Google Drive中；TEST"；在您的电子表格中。