일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- learning
- Analysis
- interface
- Numpy
- mariaDB
- centos
- 함수
- 자바
- ai
- data
- framework
- Spring
- Web
- SSH
- Security
- Linux
- DeepLearning
- db
- Github
- mysql
- git
- LIST
- Deep
- Pattern
- Server
- java
- error
- 인공지능
- Python
- javascript
- Today
- Total
PostIT
[Javascript/File] Html5에서 File Upload 전에 파일 정보 체크하기 본문
# 파일 업로드 전에 파일 정보 체크하기.
파일 업로드 시에는 WAS나 자체 내 파일 문제로 에러가 발생 될 수 있다. 이러한 에러처리를 하는 것은 당연하다.
하지만, 유저 입장에서 간단하게 파일을 체크하여, 되는지 안되는지를 아는 것이 더 중요한 것으로 판단된다.
그래서 파일을 올릴 때, 변화여부를 체크하여 파일정보를 볼 수 있게 해야한다.
var CommonFunctionModule = (function() {
//File Info & Validation Check
var checkFileBeforeUpload=function(htmlTagId){
var files = document.getElementById(htmlTagId);
// binds to onchange event of the input field
files.addEventListener('change', function() {
//this.files[0].size gets the size of your file.
console.log("files", this.files.length);
for(var i=0;i<this.files.length;i++){
console.log("size", this.files[i].size);
console.log("size", this.files[i].name);
console.log("size", this.files[i].type);
console.log("size", this.files[i].lastModifiedDate);
}
});
}
return {
selectDomCopy : selectDomCopy,
checkFileBeforeUpload : checkFileBeforeUpload
}
})();
모듈 패턴을 적용시켰으며, 필요한 것들을 이렇게 선언하여 어디서든 재사용 할 수 있게 만들어줘야 한다.
참조 : http://felipe.sabino.me/javascript/2012/01/30/javascipt-checking-the-file-size/
'Script > JavaScript' 카테고리의 다른 글
[JavaScript]Javascript에서 사용하면 좋은 Array Method - Some (0) | 2017.12.11 |
---|---|
[HTML/JavaScript] Html의 이벤트 종류들 (0) | 2017.07.11 |
[Javascript/Request] Get URI, Protocol, Host in Javacsript(자바스크립트) (0) | 2017.03.08 |
[Javascript/Ajax] JavaScript에서의 변수 담아내기 - async(동기 Ajax) (0) | 2017.03.06 |
[Javascript/Object] 자바스크립트에서의 상속 - Object.create()에 설명 (0) | 2017.02.14 |