为什么Chrome浏览器不支持使用Ajax脚本的FormData(this)


Why Chrome browser not supporting FormData(this) using Ajax script?

  1. 我使用Ajax脚本将值发布到php文件中,以便上传文档目的
  2. 我在wordpress的页面模板中完成了这段代码

下面是我的html脚本

 <form id="apply_job" action="" method="post" enctype="multipart/form-data">
   <div class="popUpSec" id="applyBox" style="display:none;">
      <div class="rows">
        <input type="file" class="inputFile" id="opn_file" name="opn_file" />
      </div>
      <div class="clear"></div>
        
      <div align="center"><input value="Apply" type="submit"  class="subsBtn" /></div>
        
      <div class="clear"></div>
   </div>
 </form>

下面是我的Ajax脚本

 jQuery("#apply_job").submit(function (event) {
   $.ajax({
     url: "http://example.com/file.php",
     type: "POST",
     data: new FormData(this),
     contentType: false,
     cache: false,
     processData:false,
     success: function(data)
     {
        alert(data); 
          
        if(data=="Mail sent successfully") {
          document.getElementById("apply_job").reset();
          hideAndShow('applyBox');
          return false;
        } else {
            return false;
        }
      }
    });
  });

下面是我正在使用的PHP脚本

 if(move_uploaded_file($_FILES["opn_file"]["tmp_name"],WP_CONTENT_DIR .'/uploads/'.basename($_FILES['opn_file']['name']))){
    $attachments = array( WP_CONTENT_DIR . '/uploads/'.$_FILES["opn_file"]["name"]);
 } else {
    echo $result = "No attachment found.";
    exit;
 }

我正在使用$attachments变量发送带有附件的邮件。

我的问题:

$_POST数组和$_FILES["opn_file"]["name"]值无法访问Chrome浏览器中的php文件。同样的代码也适用于Firefox。

如果我在解释中遗漏了什么,请告诉我。

问题编辑部分

我在控制台部分(Chrome浏览器)中看到了以下内容

响应标头

Accept-Ranges:bytes
Age:0
Connection:keep-alive
Content-Length:3
Content-Type:multipart/form-data; boundary=----ebKitFormBoundarycjW5QOMAnsUD7Y8f
Date:Thu, 17 Dec 2015 14:15:44 GMT
Server:xxxx
Via:1.1 varnish
X-Pingback:http://example.com/xmlrpc.php
X-Powered-By:PHP/5.5.9-1ubuntu4.14
X-Varnish:498399885

请求标头

Accept:*/*
Accept-Encoding:gzip, deflate
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Content-Length:11509
Content-Type:multipart/form-data; boundary=----WebKitFormBoundarycjW5QOMAnsUD7Y8f
Cookie:_gat=1; _ga=GA1.2.1724306164.1450332097
Host:example.com
Origin:http://example.com
Referer:http://example.com/career-test/
User-Agent:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 Safari/537.36
X-Requested-With:XMLHttpRequest

请求有效载荷

------WebKitFormBoundarycjW5QOMAnsUD7Y8f
Content-Disposition: form-data; name="file"; filename="test.docx"
Content-Type: application/vnd.openxmlformats-officedocument.wordprocessingml.document
------WebKitFormBoundarycjW5QOMAnsUD7Y8f--

我希望,这些新的变化可能有助于找到任何解决方案。。

我解决了这个问题。Chrome在输入类型文件值的文件名上添加"C:''fakepath''"。因此,在您的PHP代码中,当执行"move_uploaded_file"时,目标路径将是错误的。只需要应用str_replace

$tmp_name = $_FILES["pictures"]["tmp_name"][$key];
$name = $_FILES["pictures"]["name"][$key];
$name = str_replace( "C:''fakepath''", "", $name );
move_uploaded_file($tmp_name, "$uploads_dir/$name");