загрузить изображение через jquery ui modal form

Question

Я пытаюсь загрузить изображение через jquery ui modal form ..

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

я искал через сеть, но нет четкого ответа ..

у кого-нибудь есть идеи по этому поводу?

это мой Java-код формы модальной:

$("#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> 

Answer 1

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

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

---

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

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

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