css - 使用 CSS 从谷歌应用脚​​本上传本地路径图像

标签 css image google-apps-script

使用 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/

相关文章:

c++ - 是否可以使用 C++ 创建图像?

google-apps-script - CLASP本地登录

google-apps-script - 如何将文档恢复到以前的版本

google-apps-script - 如何在 Google 表格中复制粘贴带有超链接文本的单元格?

jquery - 白色 Bootstrap 导航栏在段落上变得透明

safari - 边框半径在 Safari for Mac 上切断右边框

.net - byte[] 到 XImage 失败并出现一般 GDI+ 错误

java - 如何从 BLOB 写入 PNG 图像文件?

html - 文本被上面的文本量向下推并被截断

html - 将我的一行字段变成两行每行 4 个字段的最有效方法是什么