AJAXを使用してサーバーにPDFファイルを送信する（PHP LARAVEL）

Question

AJAXがサーバーにファイル（PDF）をアップロードしようとしています。これは、laravelプロジェクトのPHPスクリプトによって処理されます。ファイルを送信してサーバー上で受信することができません。

ネットワークでは、POST要求が200応答を受け取っていますが、'ファイルが存在しません'という応答が戻ってきています。これはlaravelの応答です。

はまた、POSTリクエストで要求ペイロードには、以下の

------WebKitFormBoundaryliAmA3wxs0bB32iZ-- 

が含まれている以下のJSとHTMLやPHPをご覧ください。

HTML

<form enctype="multipart/form-data"> 
    <input type="file" id="cv" name="cv"/> 
    <button id="file-send">Add</button> 
</form> 

JS

$('#file-send').bind('click', function() { 
    $.ajax({ 
     url:"test", 
     data: new FormData($("#cv")[0]), 
     type:'POST', 
     processData: false, 
     contentType: false, 
     success:function(response){ 
     console.log(response); 
     }, 
    }); 
}); 

LARAVELのCODE

public static function uploadingFile(){ 
     if (Input::hasFile('cv')) 
{ 
    return "file present"; 
} 
else{ 
    return "file not present"; 
} 

Answer 1

このお試しください：uploaにこのプラグインを試してみてください

<?php 
    if ($_FILES['file']['error'] > 0){ 
     echo 'Error: ' . $_FILES['file']['error'] . '<br>'; 
    } 
    else { 
     if(move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name'])) 
     { 
      echo "File Uploaded Successfully"; 
     } 
    } 

?> 

Answer 2

：

JS：

$('#file-send').on('click', function() { 
     var file_data = $('#pic').prop('files')[0]; 
     var form_data = new FormData(); 
     form_data.append('file', file_data); 

     $.ajax({ 
       url   : 'upload.php',  // point to server-side PHP script 
       dataType : 'text',   // what to expect back from the PHP script, if anything 
       cache  : false, 
       contentType : false, 
       processData : false, 
       data  : form_data,       
       type  : 'post', 
       success  : function(output){ 
        alert(output);    // display response from the PHP script, if any 
       } 
     }); 
     $('#pic').val('');      /* Clear the file container */ 
    }); 

PHPをDファイル

http://malsup.com/jquery/form/#file-upload

var options = { 
          beforeSubmit: showRequest, 
          success: showResponse, 
          dataType :'json'     
         }; 

    $('#file-send').ajaxSubmit(options); 

function showRequest() 
{ 
    //before uploading file 
} 

function showResponse() 
{ 
    //response after uploading file 
}