表单设置action,target指向隐藏的框架,使页面停留在本页,实现无刷新上传图片
2012-05-04 19:53
591 查看
表单设置action,target指向隐藏的框架,使页面停留在本页,实现无刷新上传图片
在子框架中上传完图片后,使用parent.父框架的方法,把返回的图片地址填充到父框架
用隐藏框架页使表单提交后停留本页
将表单提交到子框架中执行,子框架执行完后返回值到父框架,即在目标框架窗口中打开action指向的页面
target属性:
_blank ---------- 新开窗口
_self ----------- 自身
_top ------------ 主框架
_parent --------- 父框架
自定义名字 ----- 出现于框架结构,将会在该名称的框架内打开链接
<iframe id="SfMessCopyFrame" style="display: none;" name="SfMessCopyFrame" src="about:blank">
<html>
<head>
</head>
<body>
</body>
</html>
</iframe>
<form name="myform" action="#" method="post" enctype="multipart/form-data" target="SfMessCopyFrame" style="margin: 0pt;">
..............
</form>
在子框架中上传完图片后,使用parent.父框架的方法,把返回的图片地址填充到父框架
用隐藏框架页使表单提交后停留本页
将表单提交到子框架中执行,子框架执行完后返回值到父框架,即在目标框架窗口中打开action指向的页面
target属性:
_blank ---------- 新开窗口
_self ----------- 自身
_top ------------ 主框架
_parent --------- 父框架
自定义名字 ----- 出现于框架结构,将会在该名称的框架内打开链接
<iframe id="SfMessCopyFrame" style="display: none;" name="SfMessCopyFrame" src="about:blank">
<html>
<head>
</head>
<body>
</body>
</html>
</iframe>
<form name="myform" action="#" method="post" enctype="multipart/form-data" target="SfMessCopyFrame" style="margin: 0pt;">
..............
</form>
相关文章推荐
- a标签的target指向iframe实现页面局部刷新
- ThinKPHP框架+ajax实现图片无刷新上传
- 用iframe实现不刷新整个页面上传图片的实例
- 基于ASP.NET+EasyUI框架实现图片上传提交表单功能(js提交图片)
- 基于ASP.NET+EasyUI框架实现图片上传提交表单功能(js提交图片)
- 基于ASP.NET+easyUI框架实现图片上传功能(表单)
- form表单target的用法,实现无刷新提交页面
- 基于ASP.NET+easyUI框架实现图片上传功能(表单)
- 用iframe实现不刷新整个页面上传图片
- jquery实现页面无刷新动态上传图片预览功能
- 基于asp.net+ easyui框架,js提交图片,实现先上传图片再提交表单
- 基于asp.net+ easyui框架,js提交图片,实现先上传图片再提交表单
- iframe方法实现表单文件上传,页面无刷新
- hTML5实现表单内的上传文件框,上传前预览图片,针刷新预览images
- 不刷新页面实现图片上传,并在指定位置显示
- java web开发中,jsp使用了frameset框架,如何实现整个页面跳转,并且同一个表单中可以提交两个action
- js实现表单提交后不重新刷新当前页面,并停留在当前页面
- UpdatePanel实现无刷新上传图片
- 用window.location.href实现刷新另个框架页面
- vue实现的上传图片到数据库并显示到页面功能示例