PHP 教程:jQuery+php 实现 ajax 文件即时上传
本文为大家展示了 jQuery+php 实现 ajax 文件即时上传的方法,需要的朋友参考下
很多项目中需要用到即时上传功能,比如,选择本地图片后,立即上传并显示图像。本文
结合实例讲解如何使用 jQuery 和 PHP 实现 Ajax 即时上传文件的功能,用户只需选择本地
图片确定后即实现上传,并显示上传进度条,上传完成后,显示图片信息。
HTML
本示例基于 jQuery 以及相当出色的 jquery.form 插件,所以,先要载入 jquery 库和 form 插
件。
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
接着在页面中加入如下代码:
代码如下:
<div
class
="btn">
<span>添加附件</span>
<input id="fileupload" type="file" name="mypic">
</div>