js 의 formData 객체 생성 후 append 되지 않습니다.

Question

image upload 하기 위하여 ajax 로 form 1,form2, ... 이렇게 n개를 그리고 img&#43;text&#43;text 3가지 항목을 배열로 추가하려 합니다. const imgArray &#61; $('input[name&#61;project_upfile]'); console.log(imgArray); let formData &#61; new FormData(); for(let i&#61;0;i<imgArray.length;i&#43;&#43;){ console.log(&#34;in for loop&#34;,imgArray[i].files); formData.append(&#34;files&#34;,imgArray[i].files); } //$('input[name&#61;project_title]').each(function(index,item){ // project_title.push($(item).val()); //}); //$('textarea[name&#61;project_detail]').each(function(index,item){ // project_detail.push($(item).val()); //}); //formData.append(&#34;title&#34;,project_title); //formData.append(&#34;detail&#34;,project_detail) console.log(&#34;why formData is null?&#34;,formData);여기서 formData 가 왜 계속 formData : {} 이렇게 나올까요?ajax 부분도 첨부 합니다. $.ajax({ url:'/api/detail5', type:'post', //contentType:'application/json', enctype:'multipart/form-data', contentType:false, processData:false, cache:false, //dataType:'json', //data:JSON.stringify(params), data:formData, success: function(result){ if(result.code!&#61;0){ console.log(&#34;저장 실패!&#34;); return; } console.log(&#34;저장 성공!&#34;); }, error:function(jqXHR,textStatus,errorThrown){ console.log(jqXHR); } });마지막으로 화면 입니다. 폼 여러개로 할수 없어서 .append로 해결하려고합니다.(인테넷찾아보니...)

siva6 · Answer

https://programmerpsk.tistory.com/177

js 의 formData 객체 생성 후 append 되지 않습니다.

1개의 답변

Q&A 목록