最近在写“网上商城”的课程设计,用到了图片上传。
我要实现的功能主要有:(1)能够上传多张图片,不过当然是有限制的,最多5张;(2)能够进行图片预览;(3)能够删除图片;(4)服务器能够获取上传的图片信息。
从网上找了很多这样的代码,可是都不怎么很合心意。今天晚上终于找到了一个,非常的好,而且讲解的还很清楚。
这里的图片上传用的是jquery,能够很好的兼容主流浏览器,而且容易理解和修改。同时呢,这篇文章页解决了我的一个疑问,就是我看很多网上都是只有一个input标签就能上传图片了,可是我就不知道是怎么实现的。不过他这里 是只能上传一张图片,不过只要小小的修改一下就能上传多张图片了,具体的就自己看吧,不多说了,人家讲解的已经很详细了。
很多项目中需要用到即时上传功能,比如,选择本地图片后,立即上传并显示图像。本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能,用户只需选择本地图片确定后即实现上传,并显示上传进度条,上传完成后,显示图片信息。
HTML
本示例基于jQuery以及相当出色的jquery.form插件,所以,先要载入jquery库和form插件。
接着在页面中加入如下代码:
添加附件