Question

异步上传图片，怎么实现表单提交，不刷新页面，并且回显图片

<form action="upload.html" method="post" enctype="multipart/form-data" id="saveReportForm" onsubmit="return saveReport()";>
<input type="file" name="some" id="fileupload" onchange="viewimg()">
<input type="submit" value="保存"/>
<!-- <iframe name="waiguan_hidden_frame" id="waiguan_hidden_frame" style="display:none"></iframe>-->
</form>
<img src="" width=100 height=60 id="img"/>

Answer 1

把表单提交到IFRAME可现实无刷新提交,提交到TWO.PHP，完成后在TWO.PHP通过JS把图片显示到父窗口来就行了(也可以直接在IFRAME上显示)，IFRAME的NAME 和FORM的TARGET需要一样
<iframe frameborder="no" border="0" scrolling="no" id='iframe1' src="two.php" style="display: none;" name="FORMSUBMIT"></iframe>
<form method="POST" action='two.php' name='form2' target='FORMSUBMIT'>
<input id="a" type="text" name='a' value="1" >
<input id="b" type="text" name='b' value="2" >
<input id="t" type="text" name='t' value="3" >
</form>

Answer 2

你这是要用AJAX啊。
用JQUERY会方便一点。如果要用原生的js.
var xmlHttp=new XMLHttpRequest();
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
然后你的xmlHttp.open("POST",url);这里必须用POST。
接下来，就是xmlHttp.send(你的数据文件)
我这里是简写了。xmlHttp的生成在IE和其实浏览器下实例化是不一样的。你可以找一下资料。

接下来，就是提交到服务器上去了，你的程序处理保存图片后，生成一个地址后回传给请求的页面。
你再xmlHttp.responseText获取这个地址，就可以回显了。