如何将图像从JS客户端库附加到新的Trello卡?

时间:2016-03-06 08:50:29

标签: javascript trello

在使用trello_client.js库添加新卡时,我想附加一张或更多图像。 The documentation仅提及fileSource “A file”

数据URI不能正常工作,并且blob通常会附加到FormData对象,所以我不知道如何处理这个并且找不到工作示例。

甚至可以在创建卡片时附加多个文件,或者仅在以后通过单独的post here附加?

2 个答案:

答案 0 :(得分:4)

client.js库不支持附加文件附件。您需要使用标准的XHR和FormData对象。

以下是一些示例代码:https://plnkr.co/edit/PjJsfMgJuJaM5A83RAiW

HTML的相关内容:

<input type="file" id="chooser"/>
<button onclick="upload();">Upload</button>

和javascript:

// Setup
var TOKEN = "";
var KEY = "";
var CARD = "";

function upload() {
  var formData = new FormData();

  formData.append("token", TOKEN);
  formData.append("key", KEY);

  // HTML file input, chosen by user
  formData.append("file", document.getElementById('chooser').files[0]);

  var request = new XMLHttpRequest();
  request.open("POST", "https://api.trello.com/1/cards/" + CARD + "/attachments");
  request.send(formData);
}

答案 1 :(得分:1)

Trello API要求附加网址,或者编码为multi-part/formdata的文件。

我已经汇总了一系列示例,介绍了使用Javascript将文件附加到卡片的不同方法。你可以在这里查看:https://glitch.com/~trello-attachments-api。要查看实时运行的示例项目,请单击“预览应用程序”。