2012-01-10 91 views
0

我想通过jquery ui模式上传图片..通过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> 

回答

0

我建议你不要使用“按钮”参数, 而是在您的表单上创建“上传”按钮。

如果你什么都不做,它会加载你的表单被设置为的行为。


如果你真的想使用“按钮”参数(保持风格一致),你不应该有问题迫使提交表单与javascript函数(){$(“#表格名称“)提交()。 }

我建议做一个ajax调用来完成提交,并用.success或.error处理程序来捕获它,以进行下一步。

你必须在更新你创建的模态div上工作很多。只有在成功后关闭它。