form表单的target用法

近来的一个项目非常复杂，基本上算是一个小的桌面了，一个页面里几乎完成了所有的cms模板操作。具有一定的所见即所得功能。

当然这种页面肯定不难想象是使用ajax来做，页面中有个地方是单独上传图片，然后并不保存到数据库，而是有一个提前预览的效果。那就是先把图片 upload到服务器上的一个临时目录，并给出页面上一个预览效果。等用户保存，在把图片移到真正的上传图片目录并把地址写入数据库。单独上传图片的这个 地方，是可以用ajax来实现的。但是我们用了一个提交的form，即当用户点击预览的时候，用form传统的post的方式传递数据。代码片断如下：

<form enctype = 'multipart/form-data' method="post" action=/front/imageupload name='imageupload' id='imageupload'><input name="userfile" type="file" size="15" /><input type="hidden" name="pictureId" value="item_img"></form>

这样无论target设置成什么，提交以后都会跳转到域名/front/imageupload/。

为了不让提交以后页面跳转，我们在页面底部增加了一个隐藏得frame，

<iframe name="uploadcallback" id="uploadcallback" src="<?php echo "http://localhost".$this->baseUrl."/slot/imageupload ";?>" style="width:0px;height:0px;border:0px;"></iframe>

在把form中的target属性改成隐藏iframe的name。这样就看不到页面的跳转了。