개발/PHP

jquery:: file ajax upload [ajax 파일업로드]

똘또히 2019. 3. 14. 00:26

jquery:: file ajax upload [ajax 파일업로드]



화면 깜빡임 없이 파일 업로드 하는 방법 [ajax 파일업로드]


[script]

$(function(){

$(#btn).cilck(function(){

var formData = new formData();

var formData = new FormData();

formData.append("name1", $("input[name=name1]").val()); 

    formData.append("name2", $("input[name=name2]")[0].files[0]);


$.ajax({ 

   url: 'member.img.insert.php', 

   data: formData, 

   processData: false, 

   contentType: false, 

   type: 'POST', 

   success: function(data){

       alert(data); 

   }

});

});

});


[html]

<form id="ajaxform" action="/saveFileTest.do" method="post" enctype="multipart/form-data">

<input type="text" name="name1"/>

<input type="file" name="name2" />

<input type="button" id="btn" value="전송" /> 

</form>




이해가 안되면 댓글로 남겨주세요