javascript - 如何使用 shopify Polaris DropZone 组件上传图片

Question

我正在使用 Polaris 为 Shopify 开发应用，需要使用 DropZone component 上传图片，但我找不到如何获取 base64 文件。根据文档，在onDrop事件中，

我可以获取图像文件:

我还可以用这段代码将它转换为 blob:

window.URL.createObjectURL(files[0])

那我想把文件转成base64，我该怎么做呢？

Answer 1

Polaris DropZone 组件用作 HTML 文件输入，因此除了 UI 和设计之外，输入和 DropZone 之间没有任何重大差异。它返回 file object你应该像加载这样的图像一样加载它:

var reader = new window.FileReader()
reader.readAsDataURL(files[0])

现在您可以访问 blob 并且必须 convert this blob to base64 :

reader.onload = function () {
  var base64data = reader.result
}