位置: 编程技术 - 正文
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例(php+js)
编辑：rootadmin推荐整理分享PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例(php+js)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:php jquery教程,php jquery,编写jquery插件,php100 jquery教程,php 插件,php+js,jquery获取php变量,php 插件,内容如对您有帮助，希望把文章链接给更多的朋友！
平时用的比较多的JQuery图片上传插件是Uploadify这个插件，效果很不错，但是由于手机不支持flash，所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错，所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章，不过我发现没有PHP版，所以这次服务器那边的处理就使用PHP语言来处理。
一、详解ajaxFileUpload插件的语法参数
原理：ajaxfileupload是通过监听iframe的onload方法来实现， 当从服务端处理完成后，就触发iframe的onload事件调用其绑定的方法，在绑定的方法中获取iframe中服务器返回的数据体（支持的普通文本,json,xml,script, html）
语法：$.ajaxFileUpload([options])
二、接下来我们看看如何去使用
1、先引入ajaxFileUpload这个插件。
这里我用的是jq1..1版本，网上有说jq版本与ajaxfileupload的版本要对应才不会有异常报错，反正我现在这个没错误。
2、贴上HTML的代码。
此处主要的是<input type="file" id="id_photos" name="id_photos" value="上传">这一句代码，其他的不用管，因为这里我是在手机端，用的是jqueryMobile插件。
3、到js代码进行处理。
这里我对每一行的代码都基本写上了注释方便大家理解。流程就是上传图片给uploader.php去处理，处理成功返回json数据，然后在json中取出url值，将其赋给img标签里，然后将img标签追加带页面显示出来。
这里我附上json返回的数据：
上传前HTML页面是这样的：
异步上传成功后HTML页面效果是这样子的：
4、看看PHP是如何处理的
代码基本上都加上了注释，方便大家理解，虽然是用PHP处理图片上传，但你理解了上传时程序代码所处理的逻辑思路，将思路用于.net或者java里都还是可以的。
更多精彩内容请参考专题《ajax上传技术汇总》，《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。
标签: php+js
本文链接地址:https://www.jiuchutong.com/biancheng/276150.html 转载请保留说明！