Hey I am trying to save a profile picture from my react native app with phoenix api. So I started to use arc, following this guide: https://medium.com/@rafamossakowski/arc-carrierwave-for-phoenix-1064b2463fdf since I couldn’t find one that is using react native. It is working nicely with the websit…

I usually base64 encode the image. The result is just a string. There is a little overhead due to encoding. On the server side, I use something like this to convert the base64 string to file. # decode base64 string to binary defp sanitize_params(%{"base64" => base64} = params) do params …

Hey Thanks for the response, so you send the image as a string to the backend, maybe a dumb question but would it not be possible to just save that string to the database, or is that bad practice? - because then you could just send the string back and decode it and display the image or that is just…

I send it as string to the frontend, and decode the string on the client… Of course You can save it as string, I just prefer to keep them as file. It is just more practical if You want to persist them on disk, or aws rather than in the db.

so you save it as a file and then save the path to it in the database? and then when you need it get it from the databse and turn it bac into a string and send that? Are you using arc too?

hey and would that be possible to send the picture from the app to elixir like if it would be from the web? just attach the picture somehow?

I think yes… Never tried. The main problem I had at that time was the Plug.upload is not enabled by default for JSON api. And from client You can use FormData, depending on what You use.

i read the documentation on plug.upload, but how do i send the picture in json? or if i am using form data, how do i send all of my data? because it doesnt seem to match the struct that it is looking for

IIRC You just need to add data, as in… [phongyewtong] How to use FormData in react-native? javascript, react-native, fetch-api asked by phongyewtong on 03:26PM - 07 Sep 15 UTC

yes but my avatar is inside the user: "id" => "2", "user" => %{ "avatar" => %Plug.Upload{ content_type: "image/jpeg", filename: "ConceptArt_SneakySneaky_011 (2).jpg", path: "/tmp/plug-1536/multipart-1536590148-521595600991125-4" } how do i append that?

It seems You do receive the data correctly. What do You want to do with it? Save it to db or on the cloud?

Elixir Programming Language Forum

Questions about ARC in phoenix/elixir api

Questions & Help Questions

kokolegorille September 10, 2018, 7:21pm 9

IIRC You just need to add data, as in…