PHP+jQuery+Ajax实现多图片上传介绍

PHP+jQuery+Ajax实现多图片上传介绍:

本文中用到一个Ajax表单提交插件：jqery.form.js，有高人修改了几行代码并改名为：jquery.wallform.js，直接拿来用。

下面就来就来介绍一下这一款功能强大的插件的使用,需要的朋友可以做一下参考.

在不刷新页面的前提下，使用PHP+jQuery+Ajax实现多图片上传的效果。用户只需要点击选择要上传的图片，然后图片自动上传到服务器上并展示在页面上,效果图如下:

一.HTML代码:

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

<form id="imageform" method="post" enctype="multipart/form-data" action="upload.php"> <div id="up_status" style="display:none"><img src='/images/loading.gif' data-original="loader.gif" /></div> <div id="up_btn" class="btn"> <span>添加图片</span>  <input id="photoimg" type="file" name="photoimg"> </div></form><p>最大100KB，支持jpg，gif，png格式。</p><div id="preview"></div>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：PHP+jQuery+Ajax实现多图片上传介绍

关键词：jquery