ajax上传文件,网页无刷新

chenglin博客 2014年3月10日 浏览 3436 回复1

ajax与后台通信都是通过传递字符串来实现了,而且处于安全考虑,js是不能操作文件。这里可以得出一个结论,ajax是不能实现文件上传的。

但是为什么还是说的使用ajax来上传文件,这里有个小方法,使用iframe,我们创建一个hidden的iframe刷新其实是刷新hiddeniframe,但是我们页面可见的所有信息,是不刷新的,所以没有页面跳转的痕迹,感觉像ajax提交 — 其实是iframe

只需要两步搞定:

1、前端;

2、后台;

这里我们使用PHP举例一个:
1、前端,创建一个index.html

2、后端,创建一个upload_file.php

好的我们来一一解析,这里我们看到前端提交是使用了

后台最后输出一个js脚本:

这样你可以再callback的函数里面写任何东西了,后台也可以传任何东西到前端来。
大功告成~~

发表评论

电子邮件地址不会被公开。 必填项已用*标注

姓名
邮箱
网址

ajax上传文件,网页无刷新》上有1条评论

  1. Pingback引用通告: 关于上传文件后的回调问题。。。 | segment-解决方案