image-to-base64 | Convert image 2 base64 code | Image Editing library

As discussed in the comments you should update your webpack configuration to handle loading svg files. inside the module.rules array you should add the following:

Looks like your problem is in the compileRows function. You are calling orders.forEach(), which runs immediately without awaiting any of the async stuff happening in its callback function. So compileRows completes almost immediately.

Instead, use for loops so that you can actually await the asynchronous operations:

The output you are getting is not valid vase64 encoding. You can check this by entering the data into an online base64 decoder.

The imageToBase64() method is asynchronous and returns a promise which you are not awaiting.

See what kind of output you get from doing this:

Note that the link in the question is incorrect. The question refers to the Image class from the image package - see https://pub.dev/documentation/image/latest/image/Image-class.html

You need a pair of functions like this:

Even though you copied the structure, maybe PoseNet is checking the if the Object is of a certain class which it will not be unless you actually create ImageData object and then set the fields. That is my guess as to why it doesn't like it.

Have you tried:

Two links above are an upload of the same image but why are they different strings?

The first one is a data URI scheme - a way to embed binary data and metadata inline as a resource (e.g. inline images).

The format of a data URI is: data:[][;base64],

The second one looks it's the base64-encoded contents of the file.

Looking at the diff from GitHub, it looks like you're using a data URI instead of just the binary data, which might explain why it's falling back to rendering the text (even if the file has a .png extension).

You can use the newer (iOS 11+) delegate method: