Save Image File to firebase / save image File data into plain javascript Object

Question

So I am trying to save the image file in firebase database with redux form input but I am getting an error, Data must be an object, but it was: a custom File object till now i tried :

const PictureData = values.attach_picture

and its giving me output as follow

         File {
         name: "zendex.jpeg",
         lastModified: 1564032545425,
         lastModifiedDate: Thu Jul 25 2019 10:59:05 GMT+0530 (India Standard Time),
         webkitRelativePath: "", size: 3498, 
…}

so how to save this as an OBJECT?

Question: How to save an image data as js Object so I can save it in firebase database

i am not quite sure what you are trying to achive, but to upload image to firebase you should use firebase storage and it will send you back url of image that you can use — Mladen Skrbic, Aug 13 '19 at 11:32
what is that you want to do with it... try to stringify it somehow and check : http://blog.brew.com.hk/working-with-files-in-javascript/ maybe it helps — Mladen Skrbic, Aug 13 '19 at 11:43
do you want to display uploaded image of you want to store it database? — Mladen Skrbic, Aug 13 '19 at 11:45
use firebase storage that is recomended way to do it and then store url you receive in firebase database — Mladen Skrbic, Aug 13 '19 at 11:55
Thanks @mladen Skrbic , I already know "firebase storage" and have working code for this. BUT i want to work my way with "js-object" — DevCo, Aug 13 '19 at 12:02
https://stackoverflow.com/questions/24139216/js-input-file-to-json-with-for-example-json-stringify try this — Mladen Skrbic, Aug 13 '19 at 12:05

score 0 · Answer 1 · answered Aug 13 '19 at 13:09

0

So I had to reCreate a newObject and then set FileData into it

let file = {
    'lastMod'    : values.attach_picture.lastModified,
    'lastModDate': values.attach_picture.lastModifiedDate,
    'name'       : values.attach_picture.name,
    'size'       : values.attach_picture.size,
    'type'       : values.attach_picture.type,
    }

answered Aug 13 '19 at 13:09

DevCo

419
1
3
17

But its still, not an optimal solution – DevCo Aug 14 '19 at 06:34

Save Image File to firebase / save image File data into plain javascript Object

1 Answers1