PHP结合jquery ajax实现上传多张图片，并限制图片大小操作示例

在讨论PHP结合jquery ajax实现上传多张图片并限制图片大小的操作之前，首先需要了解几个关键的技术点：PHP表单上传文件、AJAX技术、以及JavaScript中的jquery库。 ### PHP表单上传文件 PHP提供了`$_FILES`超全局数组，用于处理通过HTML表单上传的文件。当表单中的`enctype`属性设置为`multipart/form-data`时，文件就会被上传。文件上传后，会以数组的形式存储在`$_FILES`中，其中每个上传的文件都是`$_FILES`数组中的一个元素。每个文件都有自己的属性，包括文件大小（`size`）、临时文件名（`tmp_name`）、MIME类型（`type`）等。 ### AJAX技术 AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过`XMLHttpRequest`对象和服务器进行数据交换。在现代开发中，经常使用jquery提供的`$.ajax`方法简化AJAX的使用。 ### jquery ajax jquery的`$.ajax`方法允许开发者发送异步HTTP请求。它有很多选项，如`url`（请求发送到的URL地址）、`type`（请求类型，如POST或GET）、`dataType`（预期服务器返回的数据类型）等。`$.ajaxFileUpload`是一个特定的jquery插件，用于处理文件上传的AJAX请求。 ### 图片上传限制 在上述代码示例中，PHP代码`processUpload`函数负责处理文件上传逻辑，并限制上传图片的大小。它接受两个参数：`$fileInputName`（HTML表单中文件输入控件的name属性值）和`$size`（最大文件大小，默认为3M）。函数内部首先通过`$_FILES`数组获取上传文件的相关信息，然后检查文件大小是否超出限制。如果超出限制，则通过返回的`$result`数组通知前端上传失败。 ### 文件类型验证 在处理上传文件时，通常需要验证文件类型，确保文件是安全的。在示例代码中，通过检查文件的MIME类型来实现这一点。如果MIME类型不是`image/jpeg`或`application/x-jpg`，则表示文件不是JPG格式，函数会返回相应的错误信息。 ### AJAX文件上传的实现 在HTML页面上，使用`<input type="file">`创建一个文件上传控件。通过jquery的`$.ajaxFileUpload`方法，可以在用户选择文件后上传文件。通过`fileElementId`指定文件上传控件的id，`url`指定接收上传文件的PHP脚本地址。成功上传后，可以通过回调函数中的`data`参数获取服务器返回的处理结果，并据此更新页面内容或给用户反馈。 ### 编码和安全性 需要注意的是，文件上传处理中可能涉及到文件名编码的问题，需要确保文件名的安全性，避免路径遍历等安全问题。在PHP代码中可以看到使用了`CommonUtil::generateUUid`方法生成新的文件名，这是一种常见的避免文件名冲突并增加安全性的方式。 ### 总结 将PHP、jquery与AJAX结合使用，可以创建出用户体验良好的文件上传界面。通过上述知识点，可以实现对上传图片的大小和类型进行限制的功能，同时保证上传过程中的异步性和安全性。代码中体现的技术细节还包括错误处理、文件大小单位换算（1M=1024*1024字节）、以及如何将前端异步请求与后端处理逻辑结合在一起。这些知识点对于开发涉及文件上传的Web应用程序都是十分必要的。