파일 업로드 처리 및 formData POST 질문 드립니다.

JavaScript
1

예제 코드 : https://codepen.io/inkweon7269/pen/LYpvXeR

안녕하세요. 파일 업로드, formData 사용 중 몇 가지 궁금한 점이 있어 질문 드립니다.
예제 코드에 대해 간단히 설명드리면 사용자는 이미지나 워드, 엑셀 등 여러 종류의 파일 업로드가 가능합니다.
만약 여러 종류의 파일 업로드에 문제가 있다면, 엑셀 파일만 업로드 가능하도록 변경될 수도 있습니다.
단, 업로드 파일 용량은 5MB로 제한했습니다.
( 급하게 만드느라 제이쿼리의 도움을 받았습니다. ^^;)

1. 파일 업로드 제한

fileCheck 함수를 사용하여 5MB 이상의 파일을 업로드할 경우 안내 얼럿창을 띄워주고 있습니다.
문제는 해당 파일이 input에도 그대로 반영이 되어 submit을 하게 되면 해당 파일을 그대로 가져오게 됩니다.
5MB가 넘는 파일에 대해서는 input에 업로드가 반영되지 않게끔 할려면 어떻게 해야 할까요?

2. Axios POST 처리

현재 axios를 사용하여 서버에 요청을 하고 있는데, 파일 요청 처리는 아래와 같이 진행하면 되는지 문의 드립니다.

axios({
    method: 'post',
    url: API,
    data: formData,
    headers: {'Content-Type': 'multipart/form-data' }
})
2

1번 문제는 해결했습니다. “$(input 영역).val(”");" 코드를 추가하면 초기화시킬 수 있네요 ^^