login register Sysop! about ME  

2021년 12월 20일 17시 10분 00초,     조회수 : 442
  제목 : input type file 히든후 자동 클릭하게 해주기(ios)
SEQ : 24107 글쓴이 : ekzjtm2

작성 포맷 : TEXT 모드, 자동 줄바꿈 사용

아래 테스트 파일을 보면  
파일찾기 누르면 파일찾는 창이 열립니다.
파일찾기2를 눌러며 파일찾눈 창이 나옵니다.
(인터넷, 안드로이드는 둘다 클릭해도 잘나옴)

문제는 아이폰에서 파일찾기는 찾기가 뜨는데 
파일찾기2를 누르면 창이 안뜹니다.
ajax후 결과값에 따라 자동으로 클릭이벤트를 줄려고 하는데요. 
ios에서만 ajax후 클릭이벤트가 안되는데 원인을 모르겠어서 문의드립니다.

<!doctype html>
<html lang="kr">
	   <head>
	   	   <meta http-equiv="content-type" content="text/html;charset=utf-8">
	   	   <style>.hid{display:none}</style>
	   	   <script  src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	   	   <body>
	   	   	   <input type="file" name="thum" id="thum" class="hid">
	   	   	   <br><br><br><br>
	   	   	   <button id="file_btn01" >파일찾기</button>
	   	   	   <br><br><br><br><br>
	   	   	   <button id="file_btn02" >파일찾기2</button>


	   	   </body>
	   	   <script>
	   	   $("#file_btn01").click(function(){
	   	   	   	   //$("#thum").click();
	   	   	   	   $("#thum").trigger("click");
	   	   	   })

	   	   var chkUploadPre = false;
	   	   $("#file_btn02").click(function() {
	   	   	   $.ajax({
	   	   	   	   url : "aaa.html",
	   	   	   	   type: "POST",
	   	   	   	   dataType : "json",
	   	   	   	   success : function(response) {
	   	   	   	   	   $("#thum").trigger("click");
	   	   	   	   },
	   	   	   	   error : function() {
	   	   	   	   	   $("#thum").trigger("click");
	   	   	   	   }
	   	   	   });	   	   
	   	   });
	   	   </script>

  wind1379
  2021-12-22(10:34)
캐릭 이미지
https://newbedev.com/document-click-not-working-correctly-on-iphone-jquery
https://www.py4u.net/discuss/1592195
위 링크들을 참조해 보세요.. [Mr.NET!]



제목 작성자 날짜 조회
input type file 히든후 자동 클릭하게 해주기(ios) (1) ekzjtm2 2021-12-20 442

 
 
.NET과 Java 동영상 기반의 교육사이트

로딩 중입니다...

서버 프레임워크 지원 : NeoDEEX
based on ASP.NET 3.5
Creative Commons License
{5}
{2} 읽음   :{3} ({4})