[JavaScript] 이미지 업로드 미리보기 기능 함수 (IE8 겸용) by JD



function fn_previewImg(input,preImg) {
   // param : input - 파일업로드 input 객체 change 이벤트에서 this 로 받아온다
   //             preImg - 미리보기 이미지를 보여줄 img 태그  ID 
    if ($(input).val()!="") {
        //확장자 확인
    var ext = $(input).val().split('.').pop().toLowerCase();
if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) {
alert('gif,png,jpg,jpeg 파일만 업로드 할수 있습니다.');
return;
}
 
if ( window.FileReader ) {
 /*IE 9 이상에서는 FileReader  이용*/
var reader = new FileReader();
        reader.onload = function (e) {
           $('#'+preImg).attr('src', e.target.result); 
       };
       reader.readAsDataURL(input.files[0]);
       return input.files[0].name;  // 파일명 return
} else {
 /* IE8 전용 이미지 미리보기 */ 
input.select();
var src = document.selection.createRange().text;
$('#'+preImg).attr('src', src);  
var n = src.substring(src.lastIndexOf('\\') + 1);
return n; // 파일명 return
}
        
    }
}

덧글

  • 정보감사 2016/03/27 09:20 # 삭제 답글

    정보 감사합니다.
  • 정보감사 2016/03/27 09:21 # 삭제 답글

    정보 감사합니다.
  • 정보감사 2016/03/27 09:21 # 삭제 답글

    정보 감사합니다.
댓글 입력 영역


통계 위젯 (화이트)

06
9
30206