子页面表单提交返回的结果 返回到父页面
问题描述:
我用的struts2,页面采用的是iframe嵌套实现图片上传,
[code="java"]
[/code]
在imageupload.jsp中
[code="java"]
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
function SendPicturepath() { // 如果这样写,我在表单获取的是上传的文件路径 parent.document.Form3.picturepath.value = document.upfile_form.file.value; parent.document.Form3.picturepath.value = ${image_result}; return true; }${image_result}
[/code]
这个图片处理进行action处理得到上传到服务器重新命名的图片相对路径名,我想把它的值传到父页面,与其他数据保存到数据库中,这个地方怎么实现,我上面没有实现,
效果见 附件
[img]http://dl.iteye.com/upload/attachment/0072/2351/654fd6d0-0d30-39de-bab9-51bd0bdda4cc.jpg[/img]
我自己的做法不是struts2,但没什么关系,供你参考。
在imageupload.jsp里,你现在是
[code="html"]${image_result} [/code]
我是把它放在个div里。比如
[code="html"]
这样在父画面上传结束后,用.text()拿到路径。
[code="js"]
form.submit(function() {//父画面的form提交。
iframe.load(function() {
var data = $($(this).contents().get(0)).find('body').html();//上传结束后画面的html
setTimeout(function() {
iframe.remove();
var div = $("
var fileName = div.find("#imagePath").text();
if (fileName) {
return fileName;
}
$.myApp.handleErrors([ "文件上传失败" ], null);//报错。
}, 0);
});
}).submit();
[/code]
仅作参考。