jQuery로 숨겨진 파일 입력 상자를 어떻게 트리거할 수 있나요?

jQuery로 파일 입력 트리거

jQuery를 사용하여 업로드 상자를 시작하기 위해 다음 방법을 활용했습니다.

$('#fileinput').trigger('click');

그러나, 그것은 실패한 것으로 판명되었습니다. 이는 질문을 제시합니다: jQuery를 사용하여 파일 입력 상자를 어떻게 성공적으로 트리거할 수 있습니까?

보안 제한 및 해결 방법

실패한 시도는 보안 제한으로 인한 것일 수 있습니다. 요소는 숨겨진 상태로 렌더링됩니다(display:none 또는 visible:hidden을 통해).

이 제한을 우회하려면 해결 방법은 position:absolute 및 top:-100px를 설정하여 뷰포트 외부의 요소입니다. 이러한 위치 변경을 통해 트리거링 메커니즘이 효과적으로 작동할 수 있습니다.

다음은 이러한 솔루션의 예입니다. http://jsfiddle.net/DSARd/1/

이 접근 방식은 본질적으로 브라우저를 속입니다. 요소가 뷰포트 외부에 있는 것으로 인식하여 트리거 메커니즘이 의도한 대로 작동할 수 있도록 합니다.

위 내용은 jQuery로 숨겨진 파일 입력 상자를 어떻게 트리거할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!