2011-01-21 4 views
0

페이지에서 fileupload asp.net 컨트롤에서 변경할 수있는 것보다 내 페이지에 이미지가 있습니다. 사용자가 이미지를 클릭 할 수있게하여 단추를 클릭하는 대신 제공하고 싶습니다. 나는 클래스 'jqueryPhotoUploadTrigger'는 파일 업로드를주고, 그것은 다음과 같이 렌더링 :jquery에서 화재 .net 이벤트

$(document).ready(function() { 
     $("#clickMyColl").click(function() { 

      alert("image has been clicked"); 
      $('.jqueryPhotoUploadTrigger').click(); 
     }); 
}); 

경고가 난 스크립트 때 발사되는 알 수 있도록 보여 않습니다 : 다음 하단에 JQuery와 스크립트가

<input type="file" name="ctl00$ctl00$ctl00$ContentPlaceHolderDefault$C2kMasterPlaceholder$ucEditDetails_20$photoupload" id="ctl00_ctl00_ctl00_ContentPlaceHolderDefault_C2kMasterPlaceholder_ucEditDetails_20_photoupload" class="jqueryPhotoUploadTrigger" /> 

나는 이미지를 클릭한다. .click이 버튼에 이벤트를 발생 시키길 바랄뿐입니다. 이 방법으로 할 수 있습니까 아니면 대안을 찾아야합니까?

답변

0

Ajax 방식으로 제출하거나 사용할 수 있습니다. __doPostback()과 같은 기능이 있으며 ASP.NET 설명서를 참조하십시오.

0

당신은 (그래서 숨겨진) 투명한 이미지

있는 페이지에하여 ImageButton이의 아약스 호출 중 다음 JQuery와 당신이 다음 해고

$("#yourhiddenbutton").click(); 

사용할 수있는 수 서버 측 클릭 이벤트

0

아마 당신은 (내가 당신의 질문을 이해 한 경우) 입력에 초점을 설정했습니다 :

$('.jqueryPhotoUploadTrigger').focus(); 
0

당신은 "#clickMyColl"와 같은 이미지의 ID를 사용하는 대신이 렌더링 될 때 (jQuery를이 ASP ID를 모르는) ID를 사용 : "ctl00_ctl00_ctl00_ContentPlaceHolderDefault_C2kMasterPlaceholder_ucEditDetails_20_photoupload을"

다른 방법으로는 사용할 수 선택할 클래스 : $ (". jqueryPhotoUploadTrigger"). (function ...

관련 문제