이미지 맵을 연결하여 찾아보기 파일 컨트롤러를 열 수 있습니까?

Question

사용자가 내 앱의 탭 1에서 이미지를 클릭하여 사진을 업로드 할 수 있도록 파일 브라우저를 열 수있게하고 싶습니다. 이것이 가능한가??

Answer 1

예.

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" /> 

<map name="planetmap"> 
    <area shape="rect" coords="0,0,82,126" href="javascript: document.getElementById('files').click()" alt="Sun" /> 
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> 
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> 
</map> 

<form> 
    <input type="file" id="files"> 
</form> 

지도의 "일"영역을 클릭하면 파일 찾아보기 대화 상자가로드됩니다.

또는

<script type="text/javascript" language="javascript"> 
    function showFileBrowser() 
    { 
     //maybe do something here 
     var fb = document.getElementById('files'); 
     fb.click(); 
    } 
</script> 
... 
<img src="src.ext" alt="a picture" onclick="showFileBrowser()" /> 
... 
<form action="something" method="post"> 
    <input type="file" id="files" /> 
</form> 

(이미지 맵없이) 질문의 몸에 다스 려