使用Google表格API将图片插入Google表格单元格

时间:2017-04-27 17:36:46

标签: javascript google-sheets google-sheets-api

在google apps脚本中,您可以使用webView.dataDetectorTypes = [] 函数(https://developers.google.com/apps-script/reference/spreadsheet/sheet#insertimageblob-column-row)将图像插入Google电子表格。

但我没有使用appscript。我正在使用Google表格API(https://developers.google.com/sheets/api/reference/rest/v4/spreadsheets),而我似乎无法找到实现此目的的方法。有没有可能的实施?

3 个答案:

答案 0 :(得分:3)

V4 API无法像Apps脚本那样插入图像blob(图像是工作表上的叠加层,与任何单元格无关)。您可以使用= IMAGE函数解决此问题。我们知道功能上的差距,并正在考虑增加对图像blob的支持。

答案 1 :(得分:1)

使用如下脚本设置公式:

function showImage() {
 var ss=SpreadsheetApp.getActiveSpreadsheet() 
 var formulaSheet = ss.getSheetByName("Sheet1");
 var formulaCell = formulaSheet.getRange("B5");
 formulaCell.setFormula('=IMAGE("http://finviz.com/fut_chart.ashx?t=ES&p&p=m5&s=m",4,100,200)')
}

答案 2 :(得分:1)

在此期间,此Google Apps脚本网络应用程序将执行此操作(我建议您自己托管而不是使用此版本,以保护隐私和安全。)

这适用于JSON或application / x-www-form-urlencoded,以及传递的URL是链接还是实际的base64编码图像URL,就像您可能从https://www.base64-image.de/获得的那样。

function doGet(e) {
  return ContentService.createTextOutput("Authorization: Bearer " + ScriptApp.getOAuthToken())
}

//
// Example curl command to insert an image:
// 
// curl -L -d '{ "spreadsheetid": "1xNDWJXOekpBBV2hPseQwCRR8Qs4LcLOcSLDadVqDA0E","sheetname": "Sheet1", "imageurl": "https://www.google.com/images/srpr/logo3w.png", "column": 1, "row": 1 }' \
// -H "Authorization: Bearer <INSERT TOKEN RETURNED FROM GET HERE>" \
// -H 'Content-Type: application/json' \
// https://script.google.com/a/tillerhq.com/macros/s/AKfycbzjFgIrgCfZTvOHImuX54G90VuAgmyfz2cmaKjrsNFrTzcLpNk0/exec
//

var REQUIRED_PARAMS = [
  'spreadsheetid', // example: "1xNDWJXOekpBBV2hPseQwCRR8Qs4LcLOcSLDadVqDA0E"
  'sheetname',     // Case-sensitive; example: "Sheet1"
  'imageurl',      // Can be an url such as "https://www.google.com/images/srpr/logo3w.png"
                   // or alternately "data:image/png;base64,iVBOR...<snip>...gg=="
  'column', // 1-based (i.e. top left corner is column 1)
  'row'     // 1-based (i.e. top left corner is row 1)
];

function doPost(e) {

  var result = {
    status: "ok",
    defaultMessage: "Image inserted."
  }

  try {
    var params = (e.postData && e.postData.type == "application/x-www-form-urlencoded") ? e.parameter
    : (e.postData && e.postData.type == "application/json") ? JSON.parse(e.postData.contents)
    : undefined;


    if (!params) throw new Error('Unsupported content-type, must be either application/x-www-form-urlencoded or application/json.');

    REQUIRED_PARAMS.forEach(function(requiredParam) {
      if (!params[requiredParam]) throw new Error('Missing required parameter ' + requiredParam);
    });

    SpreadsheetApp.openById(params.spreadsheetid).getSheetByName(params.sheetname).insertImage(params.imageurl, params.column, params.row);  

  } catch(e) {

    console.error(e); 

    result.status = "error";
    result.error = e;
    result.defaultMessage = e.message;

  }  

  return ContentService.createTextOutput(JSON.stringify(result))
    .setMimeType(ContentService.MimeType.JSON)  
}

我从未想过的两件令人费解的事情:

在访问Web应用程序的URL并接受权限后,它在Postman内部(可能是使用cookie)进行了很好的工作。不幸的是,我无法使用在ScriptApp.getOAuthToken()中返回的Oauth令牌从curl开始工作,直到我在清单中手动添加https://www.googleapis.com/auth/drive - 这对我来说仍然有点令人头疼。

这是我的结果:

{
  "timeZone": "America/Los_Angeles",
  "dependencies": {
  },
  "webapp": {
    "access": "ANYONE",
    "executeAs": "USER_ACCESSING"
  },
  "exceptionLogging": "STACKDRIVER",
  "oauthScopes": ["https://www.googleapis.com/auth/spreadsheets", "https://www.googleapis.com/auth/drive"]
}

我也无法将其转换为Blob并将其传递给insertImage(),但insertImage的URL风格与完整的Base 64编码图像URL一起工作很好,所以这有点烦人但这似乎在Sheets API获得功能之前可以合理地工作。

脚本(源)本身在这里与世界共享只读:

https://script.google.com/d/1JvFwemL45x3orxFiJf_Gye-JWXaFlzA_MysJsQx06LsH8M2psa9i1H99/edit?usp=sharing

它也在这里公开部署,如果你想在没有部署自己的情况下进行测试,可以使用它:

https://script.google.com/a/tillerhq.com/macros/s/AKfycbzjFgIrgCfZTvOHImuX54G90VuAgmyfz2cmaKjrsNFrTzcLpNk0/exec