Jquery ui 通过jquery ui模式表单上传图像
我正在尝试通过jquery ui模式表单上传图像 可能吗?我对如何从模式中获取值存在问题 我一直在网上搜索,但没有明确的答案 有人知道这件事吗 这是我的模式表单javascript代码:Jquery ui 通过jquery ui模式表单上传图像,jquery-ui,modal-dialog,uploader,Jquery Ui,Modal Dialog,Uploader,我正在尝试通过jquery ui模式表单上传图像 可能吗?我对如何从模式中获取值存在问题 我一直在网上搜索,但没有明确的答案 有人知道这件事吗 这是我的模式表单javascript代码: $("#dialog").dialog({ modal: true, resizable: false, width: 400, position: "center",
$("#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'/> <label for='header'>Header</label>
<input type='radio' class='position' name='position' id='body' value='body'/> <label for='body'>Body</label>
<input type='radio' class='position' name='position' id='footer' value='footer'/> <label for='footer'>Footer</label></p>
<p class='applyimage'><input type='file' name='data[Image][fileName]' id='imgup'/></p>
</div>
</fieldset>
</form>
</div>
这是我的模态形式:
$("#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'/> <label for='header'>Header</label>
<input type='radio' class='position' name='position' id='body' value='body'/> <label for='body'>Body</label>
<input type='radio' class='position' name='position' id='footer' value='footer'/> <label for='footer'>Footer</label></p>
<p class='applyimage'><input type='file' name='data[Image][fileName]' id='imgup'/></p>
</div>
</fieldset>
</form>
</div>
您想在哪里应用背景图像
标题
身体
页脚
我建议您不要使用“按钮”参数,
而是在表单上创建上载按钮
如果不执行其他操作,它将加载窗体设置为的操作
如果您确实想使用“buttons”参数(保持样式不变),那么使用javascript函数()强制提交表单应该不会有问题。{$(“#formName”).submit()} 我建议执行一个ajax调用来完成提交,然后使用.success或.error处理程序来捕获它,以执行下一步 您将需要大量工作来更新您创建的模态div。只有在成功后才能关闭它