jquery 파일 업로드

ASP 2010. 12. 10. 18:43 Posted by Dayis

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>비동기 파일업로드 (www.hanji.pe.kr)</title>
<link href="/css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script type="text/javascript">
<!--
//ajax오류시 메세지 나오게함
$(document).ajaxError(function(info,xhr){
 if(xhr.status==500)
 alert("데이터 저장시 오류가 발생하였습니다.");
});

//파일전송 후 콜백 함수
function FileuploadCallback(data,state){
 if (data=="error"){
  alert("파일전송중 오류가 발생하였습니다.\n다시한번 시도해주세요.");
  //location.reload();
  return false;
 }
 alert("파일전송이 완료되었습니다.");
}

//비동기 파일 전송
$(function(){
 var frm=$('#frmFile');
 frm.ajaxForm(FileuploadCallback);
 frm.submit(function(){return false; });
});

// 파일업로드 이벤트
function FileUpload(){
 if(!$("#Filename").val()){
 alert("파일을 선택하세요.");
 $("#Filename").focus();
 return;
 }

 //파일전송
 var frm;
 frm = $('#frmFile');
 frm.attr("action","./ajax_fileupload.asp");
 frm.submit();
}
-->
</script>
</head>
<body>
<div style="width:350px">
<form id="frmFile" name="frmFile" method="post" enctype="multipart/form-data">
<table cellpadding="0" cellspacing="1"  id="TableSt01"  class="row" style="width:350px">
<tr><th><h2>파일을 선택하세요.</h2></th></tr>
<tr><td>
 <input type="file" size="30" name="Filename" id="Filename" />
 <input type="button" class="btn menu" value="확인" onclick="FileUpload();" />
</td></tr>
</table>
</form>
</body>
</html>

'ASP' 카테고리의 다른 글

ASP 입력값 Replace (따옴표, 작은따옴표..)  (0) 2013.05.01
ASP 파라메터 컨트롤 함수  (0) 2012.01.09
구글맵  (0) 2010.12.09
구글맵 API Key 생성 URL  (0) 2010.12.01
ASP 배열을 자바스크립트 배열로 변경  (0) 2010.12.01