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

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

本文关键字：Trello 图像 客户端 JS      更新时间：2023-09-26

在添加带有trello_client.js库的新卡时，我想附加一个或更多图像。文档仅提到fileSource是"文件"。

数据 URI 无法按原样工作，并且 blob 通常附加到 FormData 对象，因此我不确定如何处理此问题，也没有找到工作示例。

甚至是否可以在创建卡时附加多个文件，或者仅在以后通过单独的post在此处附加

？
客户端

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

Trello API 需要附加一个 URL，或者需要编码为 multi-part/formdata 的文件。

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

相关文章：