ssunsband

FormData API를 사용하여 데이터 전송 시 데이터에 파일이 있을 경우 프로퍼티를 정확하게 설정해야 파일이 제대로 전송된다. 123456789101112131415161718$.ajax({ type : "POST", url : "서블릿 URL", data : formData, processData: false, // 반드시 작성 contentType: false, // 반드시 작성 success : function(data) { if(data.result){ alert("Success"); }else{ alert(data.result); } }, err : function(err) { alert(err.status); }}); processData와 contentType을 선언하고 둘다 false로..

화면단의 데이터를 백엔드로 넘기는 방법 중에서 대표적인 방법이 form 태그를 사용하는 것이다. 입력받은 데이터를 가공없이 submit만 해주면 되기 때문에 편하기도 하다. 하지만 데이터에 파일이 추가되는 경우 form 태그를 사용하기에 애매해지는 경우가 있다. 파일을 하나씩 선택하는 경우는 문제가 없는데 여러 파일을 한번에 선택하게 하는 경우이다. 1 2 3 4 // 파일 선택창에서 하나의 파일만 선택 가능 // 파일 선택창에서 여러개의 파일을 한번에 사실 여러개의 파일을 선택하는 것 까지는 크게 이상이 없다. 이 파일을 삭제하려고 할 때 문제가 발생한다. 파일은 속성이 readonly이기 때문에 추가, 변경이 불가능하다. 만약에 파일을 삭제하려고 한다면 선택적으로 삭제할 수 없고 추가했던 모든 파일을..