브라우저가 끌어서 놓기 파일을 각도로로드하지 못하도록합니다.

Question

끌어서 놓기 구성 요소 (ng2-filedrop)가있는 페이지가 있습니다 (각도 4). 끌어서 놓기가 정상적으로 작동하지만 파일을 드래그 앤 드롭 구성 요소가 페이지에 드롭하면 해당 페이지에서 파일이 열립니다.

파일 놓기를 해제 할 수있는 방법이 있습니까 아니면 별도의 브라우저 탭에서 파일을 최소한 열 수 있습니까?

Answer 1

당신이 할 수있는 기본 드래그에게 브라우저의 & 드롭 동작을 방지하기 위해 preventDefault()를 호출하는 글로벌 window 개체의 dragover 및 drop 이벤트를 재정 의하여. 당신의 app.component.ts의 ngOnInit() 방법 코드 아래

추가

ngOnInit(): void { 
    window.addEventListener("dragover", e => { 
    e && e.preventDefault(); 
    }, false); 
    window.addEventListener("drop", e => { 
    e && e.preventDefault(); 
    }, false); 
} 

이 내 자신의 대답은, 당신이 Prevent browser from loading a drag-and-dropped file

에서 원래의 대답은 더 많은 토론을 볼 수없는