[Web API] 첨부파일에 접근하기

Published: 2017-02-03 by 놀이터흙이제맛

• Categories:
• web-api 18

• Tags:
• attachment 1
• dom-standard 7
• file 5
• javascript 80
• web-api 20

<form id="submitForm">
    <input type="file" name="attachFile"/>
</form>

<input type="file">을 통해 파일이 첨부되었을때 첨부된 파일에 대한 정보는 해당 input객체의 files 프로퍼티가 갖고 있다.

var attFile = document.forms[0].attachFile.files;

여기서 파일의 크기는 다음처럼 구한다:

attFile.items[0].size;

단, IE9(혹은 IE10 호환성 모드)와 그 이하에서는 Files API를 지원하지 않는다.