Question

很抱歉，如果已经在某个地方回答了这个问题。我看了看，但搜索字词可能不正确。

如何使用Google云端硬盘中的图片作为将HTML用作网络应用程序的Google Apps脚本中的按钮？

我知道我必须使用以下内容来显示图像，例如横幅：在HTML文件中：

    <script>
//for showing the image
  google.script.run
  .withSuccessHandler( function(bytes){ showImage(bytes) })
  .loadImageBytes();

  function showImage(bytes){
    document.getElementById("headerimage").src = "data:image/png;base64," + bytes; 
    $("#headerimage").fadeIn(2500);
  }</script>

并在服务器端：

//For displaying an image from our Google Drive
function loadImageBytes(){
 //https://drive.google.com/a/boxwood.org/file/d/1ewu8FAmyIGooL4cXH4ki6CuVKE5v_4HC/view?usp=sharing
  var id = "1ewu8FAmyIGooL4cXH4ki6CuVKE5v_4HC"
  var bytes = DriveApp.getFileById(id).getBlob().getBytes();
  return Utilities.base64Encode(bytes);
}

但是如何在样式表中为按钮设置图像？

/* Edit Buttons */
.edit_button {
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    background-image: url( 'https://drive.google.com/a/boxwood.org/file/d/1sR7PUHUiTlcWarlm4Ks-SXF2j5EUACwe' );
    background-size: 20px 20px;
}

Answer 1

在使用类似驱动器的图像时，您需要将文件ID附加到URL：https://drive.google.com/uc?export=download&id=

必须将图片共享为“具有链接的任何人都可以查看”

使用云端硬盘中的图片作为Google Apps脚本网络应用中的按钮

1 个答案: