[Firebase]이미지object 를 File 형식으로 변환하기

목표

기본 이미지 / 업로드 이미지 파이어베이스에 업로드하기

 

문제

파베에 업로드하려면 file 혹은 Blob 객체로 올려야한다. 근데 기본이미지는 그냥 이미지 객체임. 이제 어쩔껀데?

위가 기본이미지, 아래가 인풋을 통해 업로드한 이미지이다.

https://stackoverflow.com/questions/28042535/converting-image-object-to-file-object-javascript

여기보면 src를 이용해서 File 객체로 만드는 코드가 있는데, 한가지 에로사항이 있었다.

왜냐하면 이미지 객체엔 fileName이라던가 name 같은 프로퍼티가 따로 없었기 때문이다.

게다가 src path에서 뽑아와보려 했지만 실제 정적이미지 파일에는 없는 이상한 문자열이 추가되어 정확한 파일이미지를 가져올 수 가 없었다.

예를 들면,

내가 가지고 있는 파일이미지는 실제론 “post-bg1.png” 인데,

"/_next/static/media/post-bg2.4a1ef22e.png" 여기서 맨 뒤 문자열만 뽑아오면

“post-bg1.2c11a2f5.png”가 출력이 된다.

저 가운데 이상한 문자열을 또 추려내자니 몹시 귀찮아졌다.

알잘딱깔센하게 File 객체로 변환하는 방법 혹은 파일 이름을 가져올 방법이 없을까?