谷歌应用程序脚本Web应用程序图像解决方法

Question

我使用了一组从另一篇堆栈溢出文章中获得的变通方法函数，但我似乎无法修改它们以适用于背景图像：

这项工作：

google.script.run
.withSuccessHandler( function(bytes){ showImage(bytes) })
.loadImageBytes("1WH0TrUxzzzzzzzzzcqEYZnTD6zPM9");
function showImage(bytes){
document.getElementById("page1").src = "data:image/png;base64," + bytes; 
}

但这不是：

google.script.run
.withSuccessHandler( function(bytes){ showImage(bytes) })
.loadImageBytes("1WH0TrUxzzzzzzzzzcqEYZnTD6zPM9");
function showImage(bytes){
document.getElementById("page1").style.backgroundImage= "data:image/png;base64," + bytes; 
}

服务器端代码为：

function loadImageBytes(id){
console.log(id);
var bytes = DriveApp.getFileById(id);
console.log(bytes.getName());
try{
bytes= bytes.getBlob();
bytes= bytes.getBytes();
}
catch(e){console.log(e);}
return Utilities.base64Encode(bytes);
}

Answer 1

我认为在您的脚本中，需要修改backgroundImage的值。那么这次修改怎么样？

发件人：

document.getElementById("page1").style.backgroundImage= "data:image/png;base64," + bytes;

收件人：

document.getElementById("page1").style.backgroundImage = "url(data:image/png;base64," + bytes + ")";

参考：

• 背景图像