background image

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>