<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="/jquery.fileupload.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#upFile').fileupload({
url : '/sample/file/uploadProcessJson.action',
dataType: 'json',
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) {
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()에
들어가있으면 인식이 안됩니다...ㅠㅠ
해결방법이 없을까요..?
