본문 바로가기

전체 글158

input type file 용량체크 및 input type file value삭제 가제 : 거짓말 같은 file value null처리 서론 : 웹브라우저는 업로드하는 파일에 관하여 보안상 get value는 가능하되 set value는 다루지 못하게 되어 있다. 이리하여 각 사이트 마다 파일 업로드 용량 체크는 가능하되 업로드 용량이 벗어나면 안되는 관계로 value값을 체크하여 용량이 넘는다 하면 즉각적으로 input type="file" 이 담고 있는 value를 리셋해주는 방법을 다루어 보겠다. 직접 value를 삭제하는 방법도 있지만.. 그 method는 clear() 이지만.. 이렇게 되면 javascript 에서 submit() 처리를 할때 엑세스 거부를 당하게 된다. 물론 clear를 하여 null이 되긴 하지만 경험상 1번 엑세스거부당하고 2번째 클릭시에는 정상작동은 .. 2009. 6. 10.
자바스크립트로 파일용량 체크 주워 들은 이야기로는 파일용량 체크는 image파일만 된다고 합니다.. 수정합니다...ie6에서는 dynsrc속성이 먹지만.. ie7에서는 그 속성이 사라진듯 합니다.. 따라서 밑에 소스 약간 수정함.. 아 그리고 ie7방법을 쓸려면 인터넷보안설정에서 스크립트 실행 권한을 설정해줘야 한다고 합니다..;;; 그래서 주워온 소스로 만들면... 파일첨부 이렇게 하면 됩니다...;;;;; 뒷북이심함.. 2009. 6. 10.
event.keycode 표 필드 입력하고 나서 엔터 때리면 이벤트 발생 event.keyCode 의 키표를 보고 어떤걸 누룰것이지? --------------------------------------- 키코드표 --------------------------------------- ←(백스페이스) = 8 TAB = 9 ENTER = 13 SHIFT = 16 CTRL = 17 ALT = 18 PAUSEBREAK = 19 CAPSLOOK = 20 한/영 = 21 한자 = 25 ESC = 27 스페이스 = 32 PAGEUP = 33 PAGEDN = 34 END = 35 HOME =36 ←(중간) = 37 ↑(중간) = 38 →(중간) = 39 ↓(중간) = 40 INSERT = 45 DELETE = 46 0 = 48 1 = 49 2 .. 2009. 6. 10.
파일업로드 찾아보기 버튼을 이미지로 만들기 파일업로드 찾아보기 버튼을 이미지로 만들기 현재에 보이는 input type=file 부분을 Style로 숨긴다. input type=text 와 버튼으로 사용할 이미지를 배치한다. 이미지의 onClick 이벤트가 javascript를 호출하여 file control의 기능을 수행 후, 더미 text의 value를 file의 value로 치환한다. // source ///////////////////////////////////////////// 파일찾아보기 2009. 6. 10.

티스토리툴바