[javascript] Dropzone.js에서 파일 업로드 시 프로그레스 이벤트 처리하는 방법은 무엇인가요?

18 Dec 2023

javascript

다음은 Dropzone.js에서 파일 업로드 프로그레스 이벤트를 처리하는 예제 코드입니다.

// Dropzone 인스턴스 생성
var myDropzone = new Dropzone("#my-dropzone", { 
    url: "/file-upload"
});

// 파일 업로드 중 프로그레스 이벤트 처리
myDropzone.on("uploadprogress", function(file, progress, bytesSent) {
    // 업로드 프로그레스 이벤트 발생 시 처리할 내용 작성
    console.log("파일 " + file.name + "의 진행률: " + progress + "%");
});

위의 코드에서 uploadprogress 이벤트 핸들러를 사용하여 파일 업로드 중에 진행률에 따라 원하는 동작을 수행할 수 있습니다. 이벤트 핸들러 함수 내에서 file 매개변수를 통해 현재 업로드 중인 파일에 접근하고, progress 매개변수를 통해 현재 진행률을 확인할 수 있습니다.

자세한 정보 및 다양한 옵션에 대한 내용은 Dropzone.js 공식 문서를 참조하시기 바랍니다.

참고 문헌:

Dropzone.js 공식 문서: https://www.dropzonejs.com/#events