如何使用 shopify Polaris DropZone 组件上传图片
How to upload image with shopify Polaris DropZone component
我正在使用 Polaris 为 Shopify 开发应用，需要使用 DropZone component 上传图片，但我找不到如何获取 base64 文件。
根据文档，在 onDrop 事件中，
我可以获取图像文件：
我还可以使用以下代码将其转换为 blob：
window.URL.createObjectURL(files[0])
那我想把文件转成base64，我该怎么做？
Polaris DropZone 组件用作 HTML 文件输入，因此除了 UI 和设计之外，输入和 DropZone 之间没有任何重大差异。它 returns 一个 file object 你应该像这样加载它：
var reader = new window.FileReader()
reader.readAsDataURL(files[0])
现在您可以访问 blob 并且必须 convert this blob to base64:
reader.onload = function () {
var base64data = reader.result
}
我正在使用 Polaris 为 Shopify 开发应用，需要使用 DropZone component 上传图片，但我找不到如何获取 base64 文件。 根据文档，在 onDrop 事件中，
我可以获取图像文件：
我还可以使用以下代码将其转换为 blob：
window.URL.createObjectURL(files[0])
那我想把文件转成base64，我该怎么做？
Polaris DropZone 组件用作 HTML 文件输入，因此除了 UI 和设计之外，输入和 DropZone 之间没有任何重大差异。它 returns 一个 file object 你应该像这样加载它：
var reader = new window.FileReader()
reader.readAsDataURL(files[0])
现在您可以访问 blob 并且必须 convert this blob to base64:
reader.onload = function () {
var base64data = reader.result
}