[JS api] AjaxUpload 사용하기

JS : ajaxupload.js

[출처] AjaxUpload 사용하기|작성자 자루

window.onload  = function(){

  new AjaxUpload('#mainImg', {
   action : '/manager/appMainImgUpload.do?appId=${result.appId}',    //파일 업로드 처리 페이지 설정
   name : 'file',         //post방식으로 보낼 name 명 지정
   onComplete : function(file, response) {   //파일 업로드 성공하였을 때 수행될 함수
    var url = "이미지 업로드 폴더 경로 (웹경로 )" + response;
    $("#mainImg").attr("src",url);
   },
   onSubmit : function(file, ext) {    //파일 업로드 submit 전에 수행될 함수
    if(!(ext && /^(jpg|png|jpeg|gif)$/i.test(ext))) {
     alert("Error : invalid file extension");
     return false;
    }
   }
  });
 }

 

<script type="text/javascript" src="/common/Js/ajaxupload.js"></script> 

[출처] AjaxUpload 사용하기|작성자 자루

<script type="text/javascript" src="/common/Js/ajaxupload.js"></script> 

[출처] AjaxUpload 사용하기|작성자 자루[출처] AjaxUpload 사용하기|작성자 자루