子页面表单提交返回的结果返回到父页面

0 0

子页面表单提交返回的结果返回到父页面5

问题描述：

我用的struts2，页面采用的是iframe嵌套实现图片上传，

 <tr><td>图片上传：</td><td>

<iframe frameborder=0 width="700" height="50" marginheight="0" marginwidth="0" src="imageupload.jsp" ></iframe>
 
 </td></tr>
<input type="text" name="picturepath" />

在imageupload.jsp中


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<script> 
        function   SendPicturepath() 
        { 
                // 如果这样写，我在表单获取的是上传的文件路径 parent.document.Form3.picturepath.value   =   document.upfile_form.file.value; 
               
               parent.document.Form3.picturepath.value = ${image_result};
                  return   true; 
        } 
</script> 
<form name="upfile_form" method="post" action="image_upload" 
enctype="multipart/form-data" onSubmit= "return   SendPicturepath()">
<input type="file" name="file"><input type="submit" value="上传">
</form>
 ${image_result}

这个图片处理进行action处理得到上传到服务器重新命名的图片相对路径名，我想把它的值传到父页面，与其他数据保存到数据库中，这个地方怎么实现，我上面没有实现，
效果见附件

JSP 图片上传

2012年8月13日 15:19

xiaoliouc
14
0 1 9

查看图片附件

1个答案按时间排序按投票排序

0 0

采纳的答案

我自己的做法不是struts2，但没什么关系，供你参考。

在imageupload.jsp里，你现在是

${image_result}

我是把它放在个div里。比如

<div id="imagePath">${image_result} </div>

这样在父画面上传结束后，用.text()拿到路径。

	form.submit(function() {//父画面的form提交。
		iframe.load(function() {
			var data = $($(this).contents().get(0)).find('body').html();//上传结束后画面的html
			setTimeout(function() {
				iframe.remove();
				var div = $("<div>").html(data);
				var fileName = div.find("#imagePath").text();
				if (fileName) {
					return fileName;
				}
				$.myApp.handleErrors([ "文件上传失败" ], null);//报错。
			}, 0);
		});
	}).submit();

仅作参考。

2012年8月16日 18:48