jquery uiモーダルフォームを使用して画像をアップロード

Question

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> 

Answer 1

私はあなたが「ボタン」パラメータを使用しないことをお勧めしたい、 代わりにフォームにアップロードボタンを作成します。

何もしないと、フォームが設​​定された動作が読み込まれます。

---

あなたは本当に「ボタン」パラメータを（同じスタイルを維持するために）使用する場合は、JavaScriptの機能を持つフォームの提出を強制的に問題があってはなりません（）{$（ "＃ formName "）。submit（）; }

私は、送信を行うためにajax呼び出しを行い、.successまたは.errorハンドラでそれをキャッチして、次のステップに進むことをお勧めします。

あなたが作成したモーダル・ディビジョンを更新すると、多くの作業が必要になります。 .successの後に閉じてください。