загрузить изображение через модальную форму jquery ui - PullRequest
Новая
       14

загрузить изображение через модальную форму jquery ui

0 голосов
/ 10 января 2012

Я пытаюсь загрузить изображение через модальную форму jquery ui.

это возможно? у меня проблема с тем, как получить значение из модальных ..

Я искал в сети, но нет четкого ответа ..

Кто-нибудь имеет представление об этом?

это мой код javascript для модальной формы: 

 $("#dialog").dialog({
                modal: true,
                resizable: false,
                width: 400,
                position: "center",
                buttons: {
                    "Upload": function() {


                                                           var pos= $("#pos input:radio:checked").val();
                                                           // i still don't know how to get the value for the image uploaded

                                                           $( this ).dialog( "close" );

                                            },
                    "Cancel": function() { $( this ).dialog( "close" ); }
                                     }
            });
               });

это моя модальная форма: 

<div id='dialog' title='ADD IMAGE' class='ui-dialog-content ui-widget-content'>
        <form id='myform' method='POST' enctype='multipart/form-data'>
        <fieldset>
        <div id='pos'>
        <p class='applyimage'>Where do you want to apply a background image?</p>
        <p class='applyimage'><input type='radio' class='position' name='position' id='header' value='header' checked='checked'/>&nbsp;<label for='header'>Header</label>
        <input type='radio' class='position' name='position' id='body' value='body'/>&nbsp;<label for='body'>Body</label>
        <input type='radio' class='position' name='position' id='footer' value='footer'/>&nbsp;<label for='footer'>Footer</label></p>
        <p class='applyimage'><input type='file' name='data[Image][fileName]' id='imgup'/></p>
        </div>
        </fieldset>
        </form>
        </div>

1 Ответ

0 голосов
/ 10 января 2012

Я бы посоветовал вам не использовать параметр «buttons», вместо этого создайте кнопку «Загрузить» в своей форме.

Если вы ничего не сделаете, будет загружено действие, на которое была установлена ​​ваша форма.

Если вы действительно хотите использовать параметр "buttons" (чтобы стиль оставался прежним), у вас не должно возникнуть проблем с форсированием отправки формы с помощью функции javascript () {$ ("#formName") представляет ().}

Я бы предложил сделать ajax-вызов, чтобы выполнить отправку, и перехватить его с помощью обработчика .success или .error, чтобы сделать следующий шаг.

Вам придется поработатьмного с обновлением модального div, который вы создали.И только закройте его после .success.

...