如何通过jQuery.ajax发送数据？多文件上传无法附带参数问题

嘿，我之前也碰到过完全一样的情况！抄了多文件上传的代码后，文件能正常传，但像NewDir:foldername这种额外参数死活到不了PHP后端，折腾了半天才搞明白问题出在哪。

核心问题：FormData的参数添加方式 #

你大概率是只把文件append到了FormData里，却没把额外参数也加进去。另外AJAX请求的配置也得注意，不然参数会被jQuery自动编码，导致后端接收不到。

具体解决方案步骤： #

1. 正确构建FormData，添加额外参数
   在你处理文件的代码里，除了append文件，还要手动把需要的参数append到FormData对象里。比如：

   // 假设你已经创建了FormData对象
   var formData = new FormData();
   
   // 先添加额外参数
   formData.append('NewDir', 'foldername'); // 这里就是你要传的参数
   
   // 再循环添加所有文件（这部分你原来的代码应该有）
   $.each($('#fileInput')[0].files, function(i, file) {
       formData.append('files[]', file);
   });
   

2. 配置AJAX请求的关键参数
   发送AJAX的时候，一定要设置processData: false和contentType: false，不然jQuery会把FormData转成普通的url编码格式，后端就拿不到参数了。示例：

   $.ajax({
       url: '你的PHP文件路径',
       type: 'POST',
       data: formData,
       processData: false, // 必须设为false，不然jQuery会处理FormData
       contentType: false, // 必须设为false，让浏览器自动设置正确的Content-Type
       xhr: function() {
           // 这部分是你原来的进度条代码，保留即可
           var xhr = new window.XMLHttpRequest();
           xhr.upload.addEventListener("progress", function(evt) {
               if (evt.lengthComputable) {
                   var percentComplete = evt.loaded / evt.total;
                   $('#pb').width(percentComplete * 100 + '%');
               }
           }, false);
           return xhr;
       },
       success: function(response) {
           console.log('上传成功，响应：', response);
       },
       error: function(xhr, status, error) {
           console.error('上传失败：', error);
       }
   });
   

3. PHP后端接收参数
   后端直接用$_POST['NewDir']就能拿到参数了，文件还是用$_FILES['files']接收，和原来一样：

   <?php
   // 获取额外参数
   $newDir = $_POST['NewDir'];
   echo "收到的目录名：" . $newDir;
   
   // 处理上传的文件
   if(isset($_FILES['files'])){
       foreach($_FILES['files']['tmp_name'] as $key => $tmp_name){
           // 你的文件保存逻辑
           $fileName = $_FILES['files']['name'][$key];
           move_uploaded_file($tmp_name, "uploads/" . $fileName);
       }
   }
   ?>
   

常见坑点提醒： #

• 不要给FormData用JSON.stringify，直接传FormData对象就行
• 确保参数名前后一致：JS里是'NewDir'，PHP里也要用$_POST['NewDir']，大小写敏感
• 如果是用原生JS写的AJAX，同样要注意不要设置Content-Type，让浏览器自动处理

内容的提问来源于stack exchange，提问作者ABDUL HASEEB.