Ad
How To Upload Image With Shopify Polaris DropZone Component
I'm using Polaris to develop an app for Shopify and need to upload an image using DropZone component, but I can't find how to get base64 file. Based on the document, in onDrop event,
and also I can convert it to blob with this code:
window.URL.createObjectURL(files[0])
then I want to convert the file to base64, How can I do this?
Ad
Answer
Polaris DropZone component works as an HTML file input, so there aren't any major differences between input and DropZone except UI and design. it returns a file object and you should load it as loading an image like this:
var reader = new window.FileReader()
reader.readAsDataURL(files[0])
now you can access to the blob and must convert this > and you should load it as loading an image like this:
var reader = new window.FileReader()
reader.readAsDataURL(files[0])
now you can access to the blob and must convert this blob to base64:
reader.onload = function () {
var base64data = reader.result
}
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad