最近在写“网上商城”的课程设计，用到了图片上传。

我要实现的功能主要有：(1)能够上传多张图片，不过当然是有限制的，最多5张；(2)能够进行图片预览；(3)能够删除图片；(4)服务器能够获取上传的图片信息。

从网上找了很多这样的代码，可是都不怎么很合心意。今天晚上终于找到了一个，非常的好，而且讲解的还很清楚。

这里的图片上传用的是jquery，能够很好的兼容主流浏览器，而且容易理解和修改。同时呢，这篇文章页解决了我的一个疑问，就是我看很多网上都是只有一个input标签就能上传图片了，可是我就不知道是怎么实现的。不过他这里 是只能上传一张图片，不过只要小小的修改一下就能上传多张图片了，具体的就自己看吧，不多说了，人家讲解的已经很详细了。

很多项目中需要用到即时上传功能，比如，选择本地图片后，立即上传并显示图像。本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能，用户只需选择本地图片确定后即实现上传，并显示上传进度条，上传完成后，显示图片信息。

 

HTML

本示例基于jQuery以及相当出色的jquery.form插件，所以，先要载入jquery库和form插件。

接着在页面中加入如下代码：

添加附件