javascript - 直接从浏览器中的输入将 Assets 上传到 contentful (sdk CMA) 时出错

Question

我正在尝试使用 <input type='file'> 从浏览器中选择文件和 Contentful 管理 API。

我使用网络上已有的文件对其进行了测试，如下例所示: Angular & Contentful: Cannot create asset inside a space它工作完美，当我选择一个文件并尝试从生成的 blob 中使用它时，问题就出现了。这就是我所做的:

fileChangedHandler = (e) => {
  const file = e.target.files[0];
  if (file) {
    this.setState({
      file: {
        selectedFile: file,
        fileUrl: URL.createObjectURL(file),
      },
    });
  }
};

然后我使用fileUrl作为此处的上传资源:

environment.createAsset({
  fields: {
    title: {
      [locale]: selectedFile.name,
    },
    file: {
      [locale]: {
        contentType: selectedFile.type,
        fileName: selectedFile.name,
        upload: fileUrl,
      },
    },
  },
})

但我收到一条错误消息，指出该值与正则表达式验证不匹配，因为它以“blob”开头，而不是正确的 url

我还尝试使用 selectedFile在 upload属性，但它再次抛出另一个错误:

有什么想法吗？谢谢!

Answer 1

我很难解决这个问题，但你可以看看这个例子。

https://github.com/contentful-labs/file-upload-example :)

它使用内容管理 API 上传文件。