Java
uploadify를 이용한 파일 업로드
우혁이 아빠
2011. 12. 12. 12:06
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