【问题标题】：How to upload image with shopify Polaris DropZone component如何使用 shopify Polaris DropZone 组件上传图片
【发布时间】：2019-11-25 11:37:50
【问题描述】：
我正在使用 Polaris 为 Shopify 开发应用程序，需要使用 DropZone component 上传图片，但我找不到如何获取 base64 文件。
基于文档，在onDrop事件中，
我可以获取图片文件：
我也可以使用以下代码将其转换为 blob：
window.URL.createObjectURL(files[0])
那我想把文件转成base64，怎么办？
【问题讨论】：
标签：
javascript
reactjs
shopify
polaris
【解决方案1】：
Polaris DropZone 组件用作 HTML 文件输入，因此输入和 DropZone 之间没有任何主要区别，除了 UI 和设计。它返回一个file object，你应该像这样加载图像：
var reader = new window.FileReader()
reader.readAsDataURL(files[0])
现在您可以访问 blob 并且必须 convert this blob to base64:
reader.onload = function () {
var base64data = reader.result
}