Javascript 如何使用shopify Polaris DropZone组件上传图像

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

我可以获取图像文件：

我还可以使用以下代码将其转换为blob：

window.URL.createObjectURL(files[0])

---

然后我想将该文件转换为base64，如何实现这一点？

Polaris DropZone组件作为HTML文件输入，因此输入和DropZone之间除了UI和设计之外没有任何主要区别。它返回一个，您应该将其加载为加载图像，如下所示：

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

现在，您可以访问blob，并且必须：

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