웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
ENG
HOME
>
js
비동기식으로 파일전송이 가능한가
Last Modified : 2020-08-26 /
Created : 2015-11-05
4,050
View Count
주소 복사하기
페이지 공유하기
자바스크립트를 사용하여
비동기 방식으로 파일 업로드하는 것이 가능합니다
.
비동기 ajax로 파일 업로드가 가능
이 전에는 파일을 비동기식으로 데이터에 전달하기 어려웠으나 자바스크립트 API인
FormData
를 사용하면 쉽게 파일을 서버에 ajax로 전달할 수 있죠.
자세한 내용은 아래 포스팅에서 설명하였으니 링크를 참고하시기 바랍니다.
링크 바로가기 >
https://webisfree.com/2018-02-21/자바스크립트-ajax를-사용하여-비동기-방식-파일-업로드-예제
(아래는 업데이트 이 전 글 내용)
비동기식으로 파일을 전송하겠다는 생각을 해본적이 없었기에 가능한지 궁금했습니다. 우선 결론부터 말하자면
가능하다는 것입니다.
그러나...
가능은 하지만 그리 간단하지는 않습니다. 모든 브라우저에 적용하기 어려운 부분이 있어 파일 전송 플러그인을 사용하는 것이 가장 효과적인 방법입니다.
비동기
파일 전송
ajax
formData
아래의 글도 찾고 계시지 않나요?
[자바스크립트] axios를 사용하여 비동기 호출시 try catch 구문에서 404 에러의 response를 처리하는 방법
자바스크립트 Canvas 요소를 이미지로 저장 후 서버에 ajax로 저장하는 방법
자바스크립트 FormData 데이터 전송 알아보기
자바스크립트 fetch API 알아보기
제이쿼리 when() 메소드 알아보기
jquery post method
자바스크립트 ajax를 사용하여 비동기 방식 파일 업로드 예제
자바스크립트 이미지핑 기술 알아보기
AngularJS에서 $http 요청 제어 및 취소하는 방법과 예제보기
CKEDITOR를 사용하여 AJAX 데이터를 에디터에 추가하는 방법
Previous
파일 드래그하여 드랍시 이벤트 무시, preventDefault
Previous
제이쿼리 insertAfter() 알아보기