게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
jquery 플러그인 fileupload 사용방법 질문입니다..
게시물ID : programmer_6460짧은주소 복사하기
작성자 : sizeof
추천 : 0
조회수 : 2614회
댓글수 : 5개
등록시간 : 2014/11/10 21:08:53
<html>
<head>
<link type="text/css" rel="stylesheet" href="http//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="/jquery.fileupload.js"></script>
<script type="text/javascript">          
$(document).ready(function() {
    $('#upFile').fileupload({
        url : '/sample/file/uploadProcessJson.action',
        dataType: 'json',
        //replaceFileInput: false,
        add: function(e, data){
            var uploadFile = data.files[0];
            if (!(/png|jpe?g|gif/i).test(uploadFile.name)) {
                alert('png, jpg, gif 만 가능합니다');
                goUpload = false;
            } else if (uploadFile.size > 5000000) { // 5mb
                alert('파일 용량은 5메가를 초과할 수 없습니다.');
            }
            data.submit();
        },
        progressall: function(e,data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .bar').css(
                'width',
                progress + '%'
            );
        },
        done: function (e, data) {
            var code = data.result.code;
            var msg = data.result.msg;
            if(code=='0') {
                alert(msg);
            } else {
                alert(code + " : " + msg);
            }
        },
        fail: function(){
            alert("서버와 통신 중 문제가 발생했습니다");
        }
    });
});
</script>
</head>
<body>
    <input type="file" name="fileData" id="upFile" />
    <div id="progress">
        <div class="bar" style="width: 0%;"></div>
    </div>
</body>
</html>


여기서 fileupload를 그냥 함수처럼 사용할 순 없을까요?
id가 upFile인 input을 동적으로 그리다보니 저렇게 $(document).ready(function()에
들어가있으면 인식이 안됩니다...ㅠㅠ
해결방법이 없을까요..?
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호