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

Question

在使用 trello_client.js 库添加新卡片时，我想附加一张或更多图片。 The documentation只提到fileSource是"A file".

数据 URI 不能正常工作，并且 blob 通常附加到 FormData 对象，所以我不确定如何处理这个问题，也没有找到工作示例。

是否可以在创建卡片的同时附加多个文件，或者仅在稍后通过单独的 posts here？

Answer 1

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);
}

Answer 2

Trello API 需要附加 URL，或者编码为 multi-part/formdata.

的文件

我整理了一系列关于使用 Javascript 将文件附加到卡片的不同方式的示例。您可以在这里查看：https://glitch.com/~trello-attachments-api。要实时查看示例项目运行，请单击 "Preview App."

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

How to attach image(s) to a new Trello card from the JS client library?

javascript

trello