javascript - 在内容丰富的媒体库中上传图像

Question

谁能指导我如何通过 AngularJS 或 JavaScript 在内容丰富的媒体库中上传图像？

我已经浏览了内容丰富的文档，但找不到任何东西。

我找到了这个片段，但我不认为它会上传到媒体库中:

var request = new XMLHttpRequest();

request.open('POST', 'https://api.contentful.com/spaces/5smsq22uwt4m/assets');

request.setRequestHeader('Authorization', 'Bearer b4c0n73n7fu1');
request.setRequestHeader('Content-Type', 'application/vnd.contentful.management.v1+json');

request.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log('Status:', this.status);
    console.log('Headers:', this.getAllResponseHeaders());
    console.log('Body:', this.responseText);
  }
};

var body = "{ \
  'fields': { \
    'title': { \
      'en-US': 'Bacon Pancakes' \
    }, \
    'file': { \
      'en-US': { \
        'contentType': 'image/jpeg', \
        'fileName': 'example.jpeg', \
        'upload': 'https://example.com/example.jpg' \
      } \
    } \
  } \
}";

request.send(body);

感谢任何帮助，谢谢。

Answer 1

在 Contentful 上上传图像或任何媒体 Assets 有两个步骤:- 创建 Assets (或者更新现有 Assets )- 触发处理

当您创建/更新 Assets 时，您可以为其提供一个从中获取 Assets 的 URL。

不幸的是，目前无法通过 API 从本地计算机上传资源(您可以通过 UI 执行此操作)。

创建/更新 Assets 后，您需要触发处理。处理将获取 Assets 并将其上传到 Contentful 系统中。

如果您使用 Management API SDK contentful-management.js，您可以了解如何 create an asset以及如何process an asset .

资源处理后，将处于草稿状态。为了使其可供全世界使用，您需要 publish it .

但是请注意，只有当文件中的 upload 属性更改为 url 属性时，您才能发布它。这意味着 Assets 已完成处理。

不幸的是，目前没有回调或任何类型的通知来说明 Assets 何时实际完成处理，因此您需要获取 Assets 并查看属性是否已更改，如果没有更改，请重试.

希望有帮助。