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

伪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上传文件了!