 Uploadify.htm |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>파일 업로드 : jQuery + Uploadify + ASP.NET</title> <link href="uploadify.css" rel="stylesheet" type="text/css" /> <script src="../../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script src="jquery.uploadify.v2.1.0.js" type="text/javascript"></script> <script src="swfobject.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('#fileInput').uploadify({ 'uploader': 'uploadify.swf', // Uploadify 컨트롤 지정 'script': 'uploadify.ashx', // 스크립트 ASP.NET, ASP, PHP, JSP 'cancelImg': 'cancel.png', // 취소 이미지 'auto': false, // true면 파일 선택시 바로 자동으로 업로드 됨 'folder': '/Uploads', //업로드 할 폴더 : 가상 디렉터리 + 업로드 폴더 // 업로드 완료 시 처리 // 주요 속성은... 'onComplete': function (event, queueID, fileObj, response, data) { $('#lblFile').append( '<a href="/WebJQuery' + fileObj.filePath + '">' + fileObj.name + '</a><br>'); } }); // 버튼 클릭시 업로드 $('#btn').click(function () { $('#fileInput').uploadifyUpload(); }); }); </script> </head> <body> <input id="fileInput" name="fileInput" type="file" /> <input type="button" id="btn" value="업로드" /> <div id="lblFile"></div> </body> </html> |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 91장 JQueryApplication 한줄 메모장 ( Memo.htm MemoBasic.htm MemoPager.htm MemoTooltip.htm ) (0) | 2009.11.25 |
|---|---|
| 89장 JQueryModel 로테인터 플러그인 (Rotator.htm) (0) | 2009.11.25 |
| 88장 JQueryModel 카루셀 플러그인 (Carrousel.htm) (0) | 2009.11.25 |
| 87장 JQueryModel 텍스트박스 자동 완성 기능(AutoComplete.htm) (0) | 2009.11.25 |
| 86장 JQuerySample 헤드 클릭시 해당 정렬 (TableSorting.htm) (0) | 2009.11.25 |