2022.08.19 TIL

타입스크립트 파일업로드

  const onChangeFile = (e:ChangeEvent<HTMLInputElement>) => {
    const files = e.target.files

    if (files !== null) {
      const file = files[0]

      if (file) {
        setBusinessUserInfo({
          ...businessDefaultInfo,
          cert: file
        })

        setFileName(file.name)
      }  
    }
  }

버튼

<input
 type='file'
 id='businessNum'
 name='cert'
 onChange={onChangeFile}
/>

register api

파라미터는 인식을 못하기 때문에 formdata로 만들어서 보내기

export const register = {
  // 회원가입

  signUpCompany: async (
    type: number, 
    companyName: string,
    businessFile: File | null,
    ) => {
      const data = new FormData()

      data.append('type',type.toString())
      data.append('company_name',companyName)

      if ( businessFile ) {
        data.append('business_file',businessFile)
      } 

    const config: AxiosRequestConfig = {
      url: `http://52.79.220.155/company`,
      method: 'POST',
      data,
    }

    return await axiosAPIHandler(config)
  },
}