使用 google app 脚本,有一个样式表,如果我想从本地路径上传其他图像,显示网站图像的相同代码不起作用,知道吗?
.calendario{
background-image: url("C:\Users\FAMILIA\Desktop\Fecha-relev.jpg");
background-position: center center;
background-size: 100% 100%;
}
最佳答案
试试这个:
您实际上不能直接从 google drive 托管您的图像,但您可以将它们转换为 dataUri 并按如下方式加载它们。
代码.gs
function convMediaToDataUri(filename){
var defaultImage=Utilities.formatDate(new Date(),"GMT-7","yyyyMM") + "MonthlyImage";//I changed the name of the default image a little. If you have an extension then you need to add that also.
var filename=filename || defaultImage;
var folder=DriveApp.getFolderById("1d7AcmlPU73AsYRLmxorjBlIdmFYj7DRP");
var files=folder.getFilesByName(filename);
var n=0;
while(files.hasNext()) {
var file=files.next();
n++;
}
if(n==1) {
var blob=file.getBlob();
var b64DataUri='data:' + blob.getContentType() + ';base64,' + Utilities.base64Encode(blob.getBytes());
Logger.log(b64DataUri)
var fObj={filename:file.getName(),uri:b64DataUri}
return fObj;
}
return null;
}
function showmyImageDialog() {
var userInterface=HtmlService.createHtmlOutputFromFile('aq4');
SpreadsheetApp.getUi().showModelessDialog(userInterface, "My Image")
}
html:(在我的示例中,我将其保存在名为 aq4.html 的文件中)
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<img id="img1" />
<script>
window.onload=function() {
google.script.run
.withSuccessHandler(function(fObj){
document.getElementById('img1').src= fObj.uri;
})
.convMediaToDataUri();
}
</script>
</body>
关于css - 使用 CSS 从谷歌应用脚本上传本地路径图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57927859/