求Google App Script代码：点击按钮弹出选图对话框并插入至固定单元格

实现思路 #

Google Apps Script没有直接对应VBA Application.FileDialog 的原生文件选择API，但可以通过HTML服务调用浏览器原生文件选择弹窗，结合Drive API将选中的图片上传后插入指定单元格，全程无需用户修改代码。

步骤1：编写Apps Script代码 #

打开你的Google表格，点击「扩展」→「Apps脚本」，清空默认代码，粘贴以下内容：

服务器端代码（Code.gs）

// 弹出图片选择对话框
function showImagePicker() {
  const html = HtmlService.createHtmlOutputFromFile('ImagePicker')
    .setWidth(300)
    .setHeight(150);
  SpreadsheetApp.getUi().showModalDialog(html, '选择图片');
}

// 上传图片到Drive并插入指定单元格
function insertImage(file) {
  try {
    // 创建Drive文件夹存储图片（可自定义文件夹名）
    const folder = DriveApp.getFoldersByName('表格图片库').hasNext() 
      ? DriveApp.getFoldersByName('表格图片库').next() 
      : DriveApp.createFolder('表格图片库');
    
    // 上传图片到Drive
    const blob = file.getBlob();
    const imageFile = folder.createFile(blob);
    // 设置图片共享权限为可查看（确保表格能加载图片）
    imageFile.setSharing(DriveApp.Access.ANYONE_WITH_LINK, DriveApp.Permission.VIEW);
    
    // 指定插入图片的单元格（示例：按钮所在单元格右侧）
    const activeCell = SpreadsheetApp.getActiveSheet().getActiveCell();
    const targetCell = activeCell.offset(0, 1); // 右侧相邻单元格
    
    // 插入图片到目标单元格
    SpreadsheetApp.getActiveSheet().insertImage(
      imageFile.getUrl(),
      targetCell.getColumn(),
      targetCell.getRow()
    );
    
    return '图片插入成功';
  } catch (error) {
    return '插入失败：' + error.message;
  }
}

前端HTML代码（ImagePicker.html）

在Apps Script编辑器中，点击「文件」→「新建」→「HTML文件」，命名为ImagePicker，粘贴以下内容：

<!DOCTYPE html>
<html>
  <body>
    <p>选择要插入的图片：</p>
    <input type="file" accept="image/*" id="imageInput" style="margin: 10px 0;">
    <br>
    <button onclick="uploadImage()" style="padding: 6px 12px;">确认插入</button>
    <button onclick="google.script.host.close()" style="padding: 6px 12px; margin-left: 8px;">取消</button>

    <script>
      function uploadImage() {
        const fileInput = document.getElementById('imageInput');
        const file = fileInput.files[0];
        
        if (!file) {
          alert('请先选择图片');
          return;
        }
        
        // 调用服务器端函数上传并插入图片
        google.script.run
          .withSuccessHandler(message => {
            alert(message);
            google.script.host.close();
          })
          .withFailureHandler(error => {
            alert('出错：' + error.message);
          })
          .insertImage(file);
      }
    </script>
  </body>
</html>

步骤2：添加表格按钮 #

1. 返回Google表格，点击「插入」→「绘图」，选择一个形状（比如矩形）作为按钮，添加文字「添加图片」。
2. 点击绘图右上角的三个点，选择「分配脚本」，输入showImagePicker（注意大小写一致），点击确定。

使用说明 #

1. 点击「添加图片」按钮，会弹出原生浏览器文件选择弹窗，仅允许选择图片格式文件。
2. 选中图片后点击「确认插入」，图片会自动上传到Drive的「表格图片库」文件夹，并插入到按钮所在单元格的右侧相邻单元格。
3. 首次运行需要授权，按照提示完成权限验证即可。

自定义调整 #

• 如果需要修改图片插入的目标单元格，修改Code.gs中targetCell的offset参数：比如offset(0,2)表示右侧第2个单元格，offset(1,0)表示下方单元格。
• 可以修改表格图片库为你想要的Drive文件夹名称。

内容的提问来源于stack exchange，提问作者anna liem