ajax 파일 업로드

 

ajax 파일 업로드 루틴

 

ajax로 파일 업로드 구현할일 있으면 사용해 보세요

 

이 로직외에도 구글 검색해보면 다양한 것들이 많습니다.

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

$(function(){     $('.upfiles').change(function(event){      event.preventDefault();      if ($("#mNumber option:selected").val()=="")      {        return false;      }      //$("input[name='submit']").attr("disbled",true).css("background","gray");//submit 버튼 비활성화      var idx=($(this).attr("rel"));      var formData = new FormData($(this)[0]);        formData.append('mNumber', $("#mNumber option:selected").val());        formData.append('mode', '');        formData.append('fileType', '1');        formData.append("upload",$("input[name=upload]")[idx].files[0]);                       //_img.loading_show(idx);              $.ajax({                 url: 'upload.php',                 processData: false,                 contentType: false,         data: formData,                 type: 'POST',             beforeSend: function() { _img.loading_show(idx); $('input:submit').prop('disabled', true).removeClass("okButton").addClass("disaleBtn");},                 complete:function() { $('input:submit').prop('disabled', false).removeClass("disaleBtn").addClass("okButton"); },                 success: function(result){                     //alert(result);                     $("#file_delete_"+idx).html("<a href=\"javascript:_img.del('"+result+"',"+idx+");\" id=\"del_'+idx+'\" rel=\"'+idx+'\" onfocus=\"this.blur();\"><img src=\"/img/x.gif\" boder=\"0\"></a>");           //_img.loading_hide(idx);           $(".file:eq("+idx+")").val(result);           //alert(_img.msgSelected());           //$("input[name='submit']").attr("disbled",false).addClass("okButton");//submit 버튼 비활성화                 }             });          }); });