> 웹 프론트엔드 > HTML 튜토리얼 > 트리거 방법을 사용하여 파일 형식 입력을 클릭하지 않고 파일 선택 대화 상자를 팝업하는 방법

트리거 방법을 사용하여 파일 형식 입력을 클릭하지 않고 파일 선택 대화 상자를 팝업하는 방법

php中世界最好的语言
풀어 주다: 2018-02-10 09:40:49
원래의
3071명이 탐색했습니다.

이번에는 트리거 방식을 사용하여 파일 형식 입력을 클릭하지 않고 파일 선택 대화 상자를 팝업시키는 방법을 보여드리겠습니다. 파일 형식 입력을 클릭하면 실제 전투 사례를 살펴보겠습니다. 트리거 메소드를 사용할 수 있습니다.

javascript

에는 직접 작성할 수도 있고 jquery 구현을 직접 사용할 수도 있습니다.

var button1 = document.getElementById("button1");  
    var button2 = document.getElementById("button2");  
    button1.onclick = function(){alert("button1");trigger(button2,"onclick");}  
    button2.onclick = function(){alert("button2");}  
    function trigger(ele,event)   
    {ele[event]();}
로그인 후 복사

더 간단한 방법을 사용할 수도 있습니다. 클릭할 입력을 덮은 다음 입력을 완전히 투명하게 설정하여 그림을 클릭할 때 다음과 같이 실제로 입력을 클릭하게 됩니다.

<div class="ps-image" style="width:300px;height:300px;border:0px sold red; background:url(&#39;/images/ps.png&#39;)">  
    <input type="file" id="file" style="filter:alpha(opacity=0);opacity:0;width:100%;height:100%;"/>  
    </div>
로그인 후 복사

믿습니다. 이 사례를 읽은 후 방법을 익혔습니다. 더 흥미로운 내용을 보려면 온라인에서 PHP 중국어 관련 기사를 주목하세요!

관련 읽기:

Html에서 텍스트 주석을 표시하기 위한 기호는 무엇입니까?


이미지만 표시하도록 태그에서 다른 속성 숨기기를 설정하는 방법


HTML과 유사한 기능을 구현하는 방법 명령줄 인터페이스

위 내용은 트리거 방법을 사용하여 파일 형식 입력을 클릭하지 않고 파일 선택 대화 상자를 팝업하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿