本文实例在wap站项目中需要做一个ajax多图片上传，结合js插件做了一个，供大家参考，具体内容如下
/* ajax 上传图片 */
var num = 0;
// 点击删除图片
function onDelete(num){
if($("#"+num).attr('src')!="__PUBLIC__/Home/images/jiazai.gif" && $("#"+num).attr('src')!=""){
if(confirm("确认删除吗")){
$("#a"+num).remove();
}else{
//
在本文中，我们将探讨如何使用PHP、Ajax以及JavaScript来实现多图上传的功能。这个功能在许多Web应用，尤其是移动端（wap站）项目中是至关重要的，因为它提供了无刷新的用户体验，用户可以在不离开当前页面的情况下上传多张图片。
我们要明白这个功能涉及的技术栈。PHP作为后端语言，主要负责接收前端通过Ajax发送的图片数据，进行处理（例如存储到服务器、生成缩略图等），然后返回相应的反馈信息。Ajax是异步JavaScript和XML的缩写，它允许我们在后台与服务器交换数据并更新部分网页内容，而无需重新加载整个页面。JavaScript则是前端的主要脚本语言，它负责处理用户的交互，如点击事件，以及与Ajax通信的部分。
在提供的代码片段中，我们可以看到以下关键点：
1. **变量num**：用来跟踪已上传图片的数量，确保每个图片都有唯一的标识符。
2. **onDelete函数**：这是一个用于删除图片的函数，当用户点击删除按钮时，会触发这个函数，如果确认删除，该函数将移除对应的图片元素。
3. **jQuery绑定事件**：`$("#file0").bind("change",function(){clickUpload(num);})`，当用户选择文件后，触发clickUpload函数。
4. **clickUpload函数**：此函数是上传的核心，它获取文件对象，创建预览图片，并调用ajaxFileUpload函数进行实际的文件上传。
5. **getFullPath函数**：获取用户选择文件的本地路径，对于不同浏览器可能需要不同的处理方式。
6. **ajaxFileUpload函数**：使用jQuery的`$.ajaxFileUpload`插件执行Ajax文件上传。它定义了上传的URL、文件域ID、数据类型等参数，并在上传成功时回调处理函数，将服务器返回的数据解析并更新预览图片的URL。
在服务器端，PHP脚本（例如`http://xxxx/updateImg`）接收到文件后，需要处理文件的保存、验证格式等操作，并返回一个JSON响应，包含状态码和图片信息。这个信息可以是图片的存储路径或者唯一标识，前端接收到这些信息后更新预览图片的`src`属性。
实现多图上传的关键步骤包括：
- 使用HTML5的File API获取用户选择的文件。
- 创建预览图片，通常是一个占位符，显示上传进度。
- 使用Ajax异步上传文件，避免页面刷新。
- 服务器端处理文件，如存储、验证等。
- 返回响应给前端，更新预览或提示用户。
前端需要处理各种异常情况，如文件类型错误、上传失败等，以提供良好的用户体验。这个功能的实现不仅需要掌握前端的JavaScript和Ajax技术，还需要理解后端的文件处理逻辑，以及跨浏览器兼容性问题的处理。
