파일업로드 jquery ajax dataTransfer FormData boundary dataType processData contentType
-
[파일업로드] Ajax 방식파일업로드 2016. 9. 11. 16:05
파일업로드 Ajax 방식의 핵심은 FormData 라는 브라우저에서 지원하는 클래스이다. FormData 는 과 같은 효과를 가져다주는 key/value 가 저장되는 객체이다. 태그처럼 데이터를 처리할 수 있게 해준다. 이를 XHR 에 실어서 서버에 보내면 마치 이 전송된 것과 같은 효과를 가져다 준다. IE 에서는 10 부터 지원한다고 한다. (참고) 사용자가 선택한 File 을 아래와 같이 FormData 에 추가할 수 있다. 검색해보니 좋은 예제가 있어 복사했다. (출처는 여기) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $('drag-target-selector').on('drop', function(event) { //stop the browser..