javascript - PHP使用onchange将文件上传到Ajax

Question

function chkFile(file1) {
    var file = file1.files[0];
    var formData = new FormData();
    formData.append('formData', file);

    $.ajax({
    type: "POST",
    url: "chkFileType.php",    
    contentType: false,
    processData: false,
    data: formData,
    success: function (data) {
      alert(data);
      }
  });
}


<form action="" method="post" name="myForm" id="myForm" enctype="multipart/form-data">

<input type="hidden" name="MAX_FILE_SIZE" value="30000" />

Upload Files
<input type="file" name="uploadFile" id="uploadFile" onChange="chkFile(this)"/>

<input type="submit" name="submitbutt" value="Checkout">

chk文件类型.php

<?php 
    print_r($_FILE)
?>

我想创建一个表单，当用户上传文件时，它会在提交整个表单之前检查上传的文件。我在上传文件时使用 onChange，然后将 formData 值传递给 Ajax 以调用我的 chkFileType.php 进行检查并发出警报响应。

函数运行没有任何错误，但是alert(data)没有响应；

我知道我做错了什么，但不知道该往哪个方向走。我的做法是否正确？

Answer 1

一切看起来都很好。你做得对。但是要从 ajax 调用中获得任何响应，您必须在 chkFileType.php 中打印所需的内容。

喜欢，

if($ext =="jpg" || $ext == "png"){
     echo "Image"; // data in alert will alert as Image
} else if(check for txt file){
     echo "Text File"; //  data in alert will alert as Text File
} else if(chck for pdf) {
     echo "Pdf";// data in alert will alert as Pdf  
}

编辑改变这个

var formData = new FormData( $("#formID")[0] );

希望你明白我的意思。