iframe中的表单帖子将父级重定向到帖子URL

时间:2011-04-08 00:11:48

标签: javascript html forms

我认为如果我创建了一个隐藏的iframe并在其中放置了一个表单,然后提交了表单,它将在后台iframe中提交并且不会影响主浏览器框架:

http://jsfiddle.net/gt7Xq/3/

如果你懒得去访问链接(不要怪你),这就是顺序发生的事情:

// DOM is ready
// create iframe element as child of document.body
// create form as child element of iframe
// create input type=file element as child of iframe form
// submit iframe form

但是,提交表单时会发生的情况是父页面被重定向到iframe表单操作属性的POST URL。

这是为什么?我错过了什么?我在当前版本的Chrome和Firefox 4中遇到了同样的行为。

我要做的是在类似Ajax的庄园中上传文件。遗憾的是,无法使用XMLHttpRequest上传文件。虽然如果你在iframe中提交上传,但它应该是一个技巧,它假设在后台上传。我正在努力实现这一目标,但失败了。

1 个答案:

答案 0 :(得分:0)

您是否尝试过在表单标记中添加目标属性?

<form action="action.php" method="post" target="_self">