AJAX kullanarak PDF yükleyin

Question

AJAX kullanarak bir PDF dosyası yüklemeye çalışıyorum ama bilinmeyen bir hatayla başarısız olmaya devam ediyor. Neyi yanlış yapıyorum?

HTML Dosyası:

<form id="document"> 
    <p> 
     Title<br> 
     <input type="text" name="name" size="30"> 
    </p> 
    <p> 
     Please specify a file, or a set of files:<br> 
     <input type="file" name="datafile" size="40"> 
    </p> 
    <div> 
     <input id="submit-button" type="button" value="Send"> 
    </div> 
</form> 

<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('#submit-button').click(function() { 
      $.ajax({ 
       type: "POST", 
       dataType: "JSON", 
       url: "upload_document.php", 
       data: $("#document").serialize(), 
       success : function(data){ 
        alert(data.message); 
       }, error : function(data) { 
        alert(data.message); 
       } 
      }); 
     }); 
    }); 
</script> 

PHP Dosyası (upload_document.php)

<?php 

header("Access-Control-Allow-Origin: *"); 

try { 
    $id = "[RANDOM_GENERATED_GUID]"; 

    $targetDir = "../../../../modules/sites/documents/"; 
    if (!is_dir($targetDir)) { 
     if (!mkdir($targetDir, 0777, true)) { 
      throw new Exception("Unable to upload your document. We were unable to create the required directories"); 
     } 
    } 

    $targetFile = $targetDir . $id . ".pdf"; 
    $fileType = pathinfo($targetFile, PATHINFO_EXTENSION); 

    if (file_exists($targetFile)) { 
     throw new Exception("Unable to upload your document. The file already exists"); 
    } 

    if ($_FILES["datafile"]["size"] > 2000000) { 
     throw new Exception("Unable to upload your document. The file is to large (Maximum of 2MB)"); 
    } 

    if ($fileType != "pdf") { 
     throw new Exception("Unable to upload your document. Only PDF documents can be uploaded"); 
    } 

    if (!move_uploaded_file($_FILES["datafile"]["tmp_name"], $targetFile)) { 
     //Keeps failing here with error code 0 
     throw new Exception("Unable to upload your document. There was an error uploading the file"); 
    } 

    echo json_encode(array(
     "error" => false, 
     "message" => "Your document was successfully uploaded" 
    )); 
} catch (Exception $ex) { 
    echo json_encode(array(
     "error" => true, 
     "message" => $ex->getMessage() 
    )); 
} 

Ben de sunucu üzerinde kontrol ve dizin başarıyla oluşturulmaktadır. Yardım için teşekkürler!

Düzenleme ben formdaki işlemini, bir Gönder düğmesini kullanırsanız bu tam aynı PHP komut dosyası çalışır
. AJAX kullanmak için tek neden, bir yanıt aldıktan sonra kalıcı bir iletişim kutusu görüntülemek için

Answer 1

AJAX POST kullanmaya başladığınızda, kaydedilen parametre $ _PILST yerine $ _POST olarak aranmalıdır.

Bunun nedeni, $ _FILES, çok parçalı posta yoluyla yüklenen dosyalar için bir önbellek olmasıdır. Eğer AJAX kullanarak bunu tefrika ve gönderilen beri, PHP JSON ayrıştırır ve $ _POST

bir örnek için here Look içindeki her şeyi koymak