[英]How to show image in Google Sheets Sidebar based on active cell
我想在 Google 表格中创建一个“图像查看器”。
当用户运行侧边栏时,我希望它显示包含在任何活动单元格中的图像链接。
我想构建更多逻辑(当活动单元格在特定列中发生变化时可能会更改图片等),但现在我只是停留在显示图像上。
当我在代码中使用静态链接时(第一行注释掉的行),我可以在侧边栏中完美地看到它。
但是,当我尝试从活动单元格中检索图像链接时,边栏可以正常工作,但图像链接已损坏。
有什么想法吗? 我的图片链接可能设置错误吗? 不知道从这里去哪里 - 尝试编辑它但没有运气。
//@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();
////THIS LINK WORKS
// var image = HtmlService.createHtmlOutput("<p><img src='https://pbs.twimg.com/media/FT-abnEWUAINPuV?format=jpg&name=4096x4096' /></p>");
////USING LINK BASED ON CURRENT CELL: DOESNT SHOW IMAGE
var image = HtmlService.createHtmlOutput("<p><img src="+currentCell+" /></p>");
SpreadsheetApp.getUi().showSidebar(image);
Logger.log(currentCell)
}
单元格 a10 和 a11 中带有图像链接的样本表:
https://docs.google.com/spreadsheets/d/1QBukh3yTgbAl1j7-2rgG4Dsxwv2KxkMcIMFl6FnZogU/edit?usp=sharing
当我看到你的脚本时, currentCell
of var image = HtmlService.createHtmlOutput("<p><img src="+currentCell+" /></p>");
是var currentCell = activeSheet.getCurrentCell();
. 在这种情况下,直接使用 Class Range 对象。 如果要使用活动单元格中的 URL,请按如下方式修改。
var currentCell = activeSheet.getCurrentCell();
////THIS LINK WORKS
// var image = HtmlService.createHtmlOutput("<p><img src='https://pbs.twimg.com/media/FT-abnEWUAINPuV?format=jpg&name=4096x4096' /></p>");
////USING LINK BASED ON CURRENT CELL: DOESNT SHOW IMAGE
var image = HtmlService.createHtmlOutput("<p><img src="+currentCell+" /></p>");
var currentCell = activeSheet.getCurrentCell().getDisplayValue();
if (!currentCell || !(/^https?:\/\/.*$/.test(currentCell))) return;
var image = HtmlService.createHtmlOutput("<p><img src='" + currentCell + "' /></p>");
当我建议的修改反映在您的脚本中时, showAdminSidebar()
被修改如下。 因此,请按如下方式替换您当前的showAdminSidebar()
并再次测试。
function showAdminSidebar() {
var ssThis = SpreadsheetApp.getActiveSpreadsheet();
var activeSheet = ssThis.getActiveSheet();
var currentCell = activeSheet.getCurrentCell().getDisplayValue();
if (!currentCell || !(/^https?:\/\/.*$/.test(currentCell))) return;
var image = HtmlService.createHtmlOutput("<p><img src='" + currentCell + "' /></p>");
SpreadsheetApp.getUi().showSidebar(image);
}
边栏图像查看器
GS:
function myfunk() {
let html = HtmlService.createTemplateFromFile("ah2").evaluate().setTitle("Image Viewer");
SpreadsheetApp.getUi().showSidebar(html);
}
function getLinkId() {
return "image file id";//file id of image you shared to public
}
HTML:
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<img src="https://drive.google.com/uc?id=<?=getLinkId()?>" />
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.