如何基于活动单元格在Google Sheets侧边栏显示图片

云上老周

2026-8-8

Google Sheets侧边栏无法显示活动单元格中的图片链接

我想在Google Sheets里做个「图片查看器」——打开侧边栏时显示当前活动单元格里图片链接对应的图片。现在卡在图片展示这一步：用代码里注释的静态链接能正常显示，但从活动单元格取链接时，侧边栏能运行却显示不出图片。

问题根源

你直接用了getCurrentCell()返回的单元格对象，而不是单元格里的文本内容。这个对象被拼接进HTML后，会变成类似Range的无效字符串，根本不是有效的图片链接，自然加载失败。

解决步骤

从单元格对象中提取实际链接：用getValue()（取原始值）或getDisplayValue()（取显示文本）方法
用模板字符串拼接HTML，避免引号嵌套导致的语法错误，同时提升代码可读性

修改后的完整代码

// @OnlyCurrentDoc

function onOpen() {
  SpreadsheetApp
    .getUi()
    .createMenu("Admin")
    .addItem("Admin page", "showAdminSidebar")
    .addToUi();
}

function showAdminSidebar() {
  var ssThis = SpreadsheetApp.getActiveSpreadsheet();
  var activeSheet = ssThis.getActiveSheet();
  var currentCell = activeSheet.getCurrentCell();
  // 获取单元格中的图片链接文本
  var imageUrl = currentCell.getValue();

  // 用模板字符串构建HTML，同时设置图片自适应侧边栏宽度
  var imageHtml = HtmlService.createHtmlOutput(`<p><img src="${imageUrl}" style="max-width:100%;" /></p>`);
  SpreadsheetApp.getUi().showSidebar(imageHtml);

  Logger.log(imageUrl);
}