- 时间:2021-01-05 20:20 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:jQuery+php实现ajax文件即时上传的详解
很多项目中需要用到即时上传功能,比如,选择本地图片后,立即上传并显示图像。本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能,用户只需选择本地图片确定后即实现上传,并显示上传进度条,上传完成后,显示图片信息。
[img]http://files.jb51.net/file_images/article/201306/2013061715375419.jpg[/img]
[img]http://files.jb51.net/file_images/article/201306/2013061715375420.jpg[/img]
[img]http://files.jb51.net/file_images/article/201306/2013061715375421.jpg[/img]
[b]
HTML
[/b]本示例基于jQuery以及相当出色的jquery.form插件,所以,先要载入jquery库和form插件。
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
接着在页面中加入如下代码:
[url=https://github.com/blueimp/jQuery-File-Upload]jQuery File Upload[/url][/b]。该插件支持多文件上传,支持拖拽上传等,有兴趣的同学可以先了解下。