首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

伪ajax下传文件表单实例代码

2012-10-29 
伪ajax上传文件表单实例代码由于ajax只能传递字符数据,而不能传递文件等二进制数据,因此要实现像AJAX一样

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

热点排行