запустить событие .net из jquery

Question

У меня есть изображение на моей странице, которое можно изменить с помощью элемента управления fileupload asp.net на странице, я хочу предоставить альтернативу нажатию кнопки, позволяя пользователю щелкнуть свое изображение. я дал файлу загрузки класс 'jqueryPhotoUploadTrigger', и он выглядит так:

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

У меня тогда есть скрипт jquery внизу:

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

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

предупреждение отображается, поэтому я знаю, что скрипт запускается, когда я нажимаю на изображение. Я просто надеялся, что .click вызовет событие на кнопке, но это не так. Могу ли я сделать это таким образом или я должен найти альтернативу?

Answer 1

Вы используете идентификатор своего изображения как «#clickMyColl», но вместо этого используете идентификатор при его визуализации (jQuery не знает идентификатор asp): «ctl00_ctl00_ctl00_ContentPlaceHolderDefault_C2kMasterPlaceholder_ucEditDetails_20_phot *класс для выбора: $ (". jqueryPhotoUploadTrigger"). click (функция ...

Answer 2

Вы можете либо вызвать ajax, чтобы на странице была кнопка ImageButton с прозрачным изображением (поэтому оно скрыто)

тогда в вашем jquery вы можете использовать

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

это вызовет событие щелчка на стороне сервера

Answer 3

Возможно, вам нужно установить фокус на входе (если я понял ваш вопрос):

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

Answer 4

Вы можете сделать отправку или использовать Ajax-способ, есть такие функции, как __doPostback (), смотрите в документации ASP.NET.