Google Sheets如何通过按钮一键插入本地图片至固定大小单元格？

核心思路 #

借助Google Apps Script实现本地私密图片批量上传，直接插入指定单元格，全程在Sheets内部完成，图片存储于你的个人Google Drive账户，无需公开访问权限。

步骤1：开启脚本编辑器 #

• 打开目标Google Sheets文档
• 点击顶部菜单栏「扩展程序」→「Apps Script」
• 清空默认的Code.gs内容，替换为下方代码

步骤2：粘贴核心脚本代码 #

function onOpen() {
  // 给Sheets添加自定义菜单，方便触发功能
  const ui = SpreadsheetApp.getUi();
  ui.createMenu('批量传图')
    .addItem('选图插入单元格', 'uploadImagesToCells')
    .addToUi();
}

function uploadImagesToCells() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  const ui = SpreadsheetApp.getUi();
  
  // 提示用户输入起始单元格位置
  const response = ui.prompt('输入起始单元格（例：A1）', ui.ButtonSet.OK_CANCEL);
  if (response.getSelectedButton() !== ui.Button.OK) return;
  
  const startCellAddr = response.getResponseText();
  ScriptProperties.setProperty('startCell', startCellAddr);
  
  // 弹出文件选择对话框
  const filePicker = HtmlService.createHtmlOutputFromFile('FilePicker')
    .setWidth(400)
    .setHeight(300);
  
  ui.showModalDialog(filePicker, '选择要上传的图片');
}

// 接收前端传递的图片数据，插入到单元格
function insertImages(imageDataUrls) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  const startCell = sheet.getRange(ScriptProperties.getProperty('startCell'));
  let currentRow = startCell.getRow();
  let currentCol = startCell.getColumn();
  
  imageDataUrls.forEach(dataUrl => {
    // 将base64编码转为Blob对象
    const base64Data = dataUrl.split(',')[1];
    const blob = Utilities.newBlob(Utilities.base64Decode(base64Data), 'image/jpeg');
    
    // 插入图片到当前单元格
    const image = sheet.insertImage(blob, currentCol, currentRow);
    
    // 匹配单元格尺寸并居中
    const cell = sheet.getRange(currentRow, currentCol);
    const cellWidth = cell.getWidth();
    const cellHeight = cell.getHeight();
    
    image.setWidth(cellWidth).setHeight(cellHeight);
    image.setOffsetX((cellWidth - image.getWidth())/2);
    image.setOffsetY((cellHeight - image.getHeight())/2);
    
    // 自动跳转到下一行（如需按列排列，改为currentCol++即可）
    currentRow++;
  });
  
  ScriptProperties.deleteProperty('startCell');
}

步骤3：创建文件选择界面 #

• 在Apps Script编辑器左侧，点击「文件」→「新建」→「HTML文件」
• 命名为FilePicker，替换内容为：

<!DOCTYPE html>
<html>
  <body>
    <input type="file" id="fileInput" accept="image/*" multiple>
    <button onclick="handleUpload()">上传插入</button>
    <p id="status"></p>
    
    <script>
      function handleUpload() {
        const files = document.getElementById('fileInput').files;
        if (files.length === 0) {
          document.getElementById('status').textContent = '请选择至少一张图片';
          return;
        }
        
        const imageDataList = [];
        let processedCount = 0;
        
        // 批量读取图片的base64数据
        for (let i = 0; i < files.length; i++) {
          const reader = new FileReader();
          reader.onload = function(e) {
            imageDataList.push(e.target.result);
            processedCount++;
            if (processedCount === files.length) {
              // 调用后端脚本插入图片
              google.script.run.withSuccessHandler(() => {
                document.getElementById('status').textContent = '图片全部插入完成！';
                setTimeout(() => google.script.host.close(), 1500);
              }).insertImages(imageDataList);
            }
          };
          reader.readAsDataURL(files[i]);
        }
        
        document.getElementById('status').textContent = '正在处理，请稍等...';
      }
    </script>
  </body>
</html>

步骤4：授权并测试 #

• 点击Apps Script编辑器顶部「保存」，给项目命名（如「批量传图工具」）
• 刷新Sheets页面，顶部会出现「批量传图」菜单
• 点击「选图插入单元格」，输入起始单元格（如A1），选择本地图片即可批量插入

关键说明 #

• 图片存储于你的个人Google Drive关联文件夹，仅你可访问，保证私密
• 图片自动匹配单元格尺寸并居中对齐，无需手动调整
• 支持一次选择40+张图片，彻底替代重复点击操作

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