日期:2014-05-16  浏览次数:20417 次

困扰了一个晚上的问题,实在想不懂!关于用JS提交表单
最近要实现的一个功能是利用JS控制iframe里面的表单提交,实现图片上传。

举个例子大家就清楚了。

首先是一个上传文件的页面(1.asp),代码如下:

<iframe width="300" height="200" src="2.asp" id="f1" name="f1"></iframe>
<script language="javascript">
function tijiao()
{
  f1.document.form1.action = "upload_file_save.asp";
  f1.document.form1.submit();

}
</script>
<input type="button" name="button2" id="button2" value="按钮1" onclick="tijiao()" />

1.asp中关键有一个iframe,这个一定要有。

然后看下2.asp的代码:

<form action="/bd/admin/upload_file_save.asp" method="post" enctype="multipart/form-data" name="form1" id="form1">
  <input name="fileField" type="file" id="fileField" />
  <input type="submit" name="button" id="button" value="提交">
</form>


运行1.asp后,可以看到iframe里面有个文件域和一个提交按钮,当我选择图片后点击提交按钮,图片成功上传了。可是当我重新运行,选择图片,点击那个“按钮1”,就不能实现上传功能。

检查过了,那段js代码的确能实现表单的提交,就是说tijiao()的确执行了。可是就是不能上传图片,这是为什么啊?郁闷了N久了,希望高手解答!谢谢啊!

------解决方案--------------------
路径错了吧。
JScript code
function tijiao()
{
  f1.document.form1.action = "/bd/admin/upload_file_save.asp";
  f1.document.form1.submit();
}

------解决方案--------------------
提交成功后,重新加载一下iframe试试!

设置 src = "2.asp?t="+Math.random();