키보드 단축키를 사용하여 파일을 HTML5 페이지에 업로드

Question

HTML5 File API로 드래그 앤 드롭을 사용하여 파일을 업로드 할 수 있다는 것을 알고 있습니다. 파일 탐색기에서 파일을 복사하여 CTRL-V/CMD-V를 사용하여 웹 페이지에 붙여 넣거나 오른쪽 클릭 컨텍스트 메뉴에서 붙여 넣기하여 수행 할 수 있습니까?

Answer 1

당신은 그렇게 할 수 없습니다.

이 쉽게 파일 경로를 얻을 수 있습니다 :

$(document).on('paste',function(e){ 
    var path = e.originalEvent.clipboardData.getData("text"); 
});​ 

그래서 당신이 사용자에게 표시 될 수 있습니다.

그러나 <input type=file>의 값은 변경할 수 없습니다.

보안 대책 : 스크립트가 사용자가 양식을 제출하기 직전에 (또는 다른 양식 요소와 함께 사용자 상호 작용 없이도) 업로드 할 파일의 경로를 변경할 수 있다고 상상해보십시오. 모든 중요한 보안 보호에 관해서는 최신 브라우저에 대한 알려진 "해결 방법"이 없습니다.