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

在使用trello_client.js库添加新卡时，我想附加一个或多个图像。只提到

fileSource

是“一个文件”

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

---

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

post

s？

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

下面是一些示例代码：

HTML的相关部分：

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

---

Trello API要求附加URL或编码为

多部分/formdata

的文件

---

我已经收集了一系列关于使用Javascript将文件附加到卡上的不同方法的示例。您可以在这里查看：。要查看正在运行的示例项目，请单击“预览应用程序”。

您可能是对的，我将尝试这个方向。谢谢。@PeEll这只是一个文件。多个文件会是什么样子？有没有办法用一个FormData对象发送多个文件？@tecmec您可以访问该表单，因此如果有多个文件，您必须对每个文件进行XHR发布。虽然这在理论上可以回答问题，但请在此处包含答案的基本部分，并提供链接以供参考。

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