PHP头条
热点:

PHP+jQuery+Ajax实现多图片上传效果_jquery


今天我给大家分享的是在不刷新页面的前提下,使用PHP+jQuery+Ajax实现多图片上传的效果。用户只需要点击选择要上传的图片,然后图片自动上传到服务器上并展示在页面上。

HTML

我们在页面上放置一个form表单,使用post提交到后台php处理程序upload.php,注意enctype属性设置要支持文件上传。#preview用来显示上传完毕后的图片。关于css样式设置本文不加说明,请参照下载包的源码。

代码如下:





添加图片



最大100KB,支持jpg,gif,png格式。



jQuery
本实例基于jQuery,因此必须在页面中载入jquery库以及jquery.wallform.js。

代码如下:


相关文章

相关频道:

PHP之友评论

今天推荐