무료홈페이지제작 - 에티테마
미디어 | 무료템플릿자료실 | 포트폴리오

ajax 업로드 입니다.

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 179회 작성일 19-09-14 23:07
라이센스 MIT
데모 데모 (54)
다운로드 다운로드 (44)
개발사

본문

해당소스코드를 확인해보시면 될듯 합니다.
별다른 옵션에 대한 설명은 없습니다.
 

<script src="/js/jquery.min.js" type="text/javascript"></script>

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


위의 두개의 파일을 연결합니다.
ajaxupload.js 에 대한 파일도 함께 첨부 합니다.

 

$(document).ready(function(){


  var thumb = $('img#thumb');        


  new AjaxUpload('imageUpload', {

    action: $('form#newHotnessForm').attr('action'),

    name: 'image',

    onSubmit: function(file, extension) {

      $('div.preview').addClass('loading');

    },

    onComplete: function(file, response) {

      thumb.load(function(){

        $('div.preview').removeClass('loading');

        thumb.unbind();

      });

      thumb.attr('src', response);

    }

  });

  

});


  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

첨부파일

댓글목록

등록된 댓글이 없습니다.

Total 35건 1 페이지

카테고리

카테고리
 질문답변
 팁게시판
 영카트팁
 그누M팁
자료실

프리미엄

프리미엄

최근이미지리스트

최근이미지리스트