伪ajax上传文件表单实例代码
由于ajax只能传递字符数据,而不能传递文件等二进制数据,因此要实现像AJAX一样无刷新上传文件,只能借助隐藏的iframe。以下是具体实现代码:
<form method="POST" enctype="multipart/form-data" name="addform" action="http://www.yjzzj.com/" target="upfile_frame">
<table class="dtable">
<tr>
<td width="100"> 图片 </td>
<td>
<input name="addpic" type="hidden" size="50"/>
<div id="updiv">
<input name="src" type="file"/>
<input class="btn" type="button" value="上传" onclick="checkUpFile();">
</div>
<iframe id="upfile_frame" style="display:none;"></iframe>
</td>
</tr>
</table>
</form>
注意:<form>标签中的各个属性一个都不能丢,否则将无法上传文件。checkUpFile()为检验是否已经选择文件的JS函数。文件上传后可在后台文件中回调一个JS回调函数。这样就可以实现伪AJAX上传文件了!