How can I send an image from a React App to Adonis, “save” it on the database, and when needed to fetch it to use in the front-end?
Right now, I was only successful in processing an image via Postman, my code would be like this:

const image = request.file('photo', {
  types: ['image'],
  size: '2mb',
});

await image.move(Helpers.tmpPath('uploads'), {
  name: `${Date.now()}-${image.clientName}`,
});

if (image.status !== 'moved') {
  return image.error;
}

/////

const data = {
  username,
  email,
  role,
  photo: image.fileName,
  password,
  access: 1,
};

const user = await User.create(data);

In the first part, I process the image move it to tmp inside the backend, on the next part I use image.fileName and create a User.

And when I need to fetch my user list, I do it like this:

const colaboradoresList = await Database.raw(
  'select * from colaboradores where access = 1'
);
const userList = colaboradoresList[0];
userList.map((i) => (i.url = Helpers.tmpPath(`uploads/${i.photo}`)));

But as you can tell, Helpers.tmpPath('uploads/${i.photo}')) will return the local path to the current image, and I cannot display it on React since I need to use the public folder or download it and import.

Is there a way to do it locally, or the only way would be to create an AWS and use Drive.getUrl() to create a URL and send back to my front end?