[SOLVED] Please someone should help me in how to upload image with typescript

Moralis General
#1

image
image934×536 20.1 KB

#2

Maybe you can add a command/line that ignores that line from typescript checks

1 Like
#3

could you try to set the event type

async (e: React.ChangeEvent<HTMLInputElement>)
1 Like
#4

image
image930×536 21 KB

#5

pls how do i do that

#6

image

Object is possibly 'null'
#7

you could have

const onChangeAvatar = async (e: React.ChangeEvent<HTMLInputElement>) => {
    let file;
    if (e.target.files && e.target.files[0]) {
      file = e.target.files[0]
    }
    ..the rest of your code
}
1 Like
#9

image let file: File | undefined
Argument of type ‘File | undefined’ is not assignable to parameter of type ‘ValidFileInput’.
Type ‘undefined’ is not assignable to type ‘ValidFileInput’.``

#10

Maybe is not a typescript error and an error on execution time because that e.target is undefined

#11

please what should i do… bcause i can not get the image uploaded

#12

Maybe is a different syntax to get access to the image content.

#13

please can you help me with an example code … i have been doing this for days now

#14

You can search solutions on forum for same problem. I don’t know exactly how it should be the code.

#15 
i finally got it to work by using it like this (file as any)
#16

you say that it is fixed now?

#17 

const onChangeAvatar = async (e: React.ChangeEvent<HTMLInputElement>) => {
  let file;
  if (e.target.files && e.target.files[0]) {
    file = e.target.files[0]
  }
  let fileIpfs:any = await saveFile(currentUserId, (file as any), { saveIPFS: true });
  console.log(fileIpfs._ipfs);
  setFile(fileIpfs._ipfs);
}

that fixed it for me

2 Likes