본문 바로가기

Java

uploadify를 이용한 파일 업로드



1. uploadify_test_form.jsp
 <%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE HTML>
<html>
<head> 
<link href="../js/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/uploadify/swfobject.js"></script>
<script type="text/javascript" src="../js/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
     $('#file_upload').uploadify({
       'uploader'  : '../js/uploadify/uploadify.swf',
       'script'    : '../test/up_ok.jsp',
       'cancelImg' : '../js/uploadify/cancel.png',
       'auto'      : true,
       'queueID' : true,
       onComplete : function(evt, qid, file, res, data) {
          $('<div />', {'class':'upload_msg', text:'['+file.name+ ', ' + file.size + ', ' + file.filePath + '] 업로드가 완료되었습니다.'})
           .appendTo('body')
           .slideDown(300)
           .delay(3000)
           .slideUp(300);
        }
     });
    });
    function test() {
    alert('test');
    $('#file_upload').uploadify();
    } 
</script>
<body>
    <input id="file_upload" name="file_upload" type="file" />
</body> 
</html>

 


2. up_ok.jsp

'Java' 카테고리의 다른 글

jd-gui  (0) 2011.12.13
log4j 가이드 참조(펌)  (0) 2011.12.12
불필요한 코딩을 줄이자 commons-lang을 사용하자  (0) 2011.12.04
HOWTO: Microsoft JDBC 시작하기  (0) 2011.11.21
컨텍스트 초기화 파라미터  (0) 2011.10.22