ポストCVSアヤックス

Question

イムとデータがAjaxでデータをポストしようとしているが、コンソールに、私は何かなどをrecive ..キャッチされないにReferenceError：

<div id='file_browse_wrapper'> 
    <input class="iconos" type="file" name="File Upload" id='file_browse' accept=".csv" /> 
</div> 
    <label id="url-archivo"><b>Selecciona tu archivo...</b></label> 
    <button class="btn btn-success" id="carga-archivo">Subir</button> 

：ファイルはこれは、データをアップロードするために私のボタンと私の入力である

が定義されていません。

これは私のjqueryの/アヤックス：

$("#carga-archivo").click(function() { 
        var fileUpload = document.getElementById("file_browse"); 
        if (fileUpload .value != null) { 
         var uploadFile = new FormData(); 
         var files = $("#file_browse").get(0).files; 
         // Add the uploaded file content to the form data collection 
         if (files.length > 0) { 
          uploadFile.append('file-'+i, file); 
          $.ajax({ 
           url: "/2/delivery/client/massive", 
           contentType: false, 
           processData: false, 
           data: uploadFile, 
           type: 'POST', 
           success: function() { 
            alert("file upload successfuly"); 
           } 
          }); 
         } 
        } 
       }); 

しかし、私は考えてPOSTされていないデータが欠落しているものです

Answer 1

filesという変数を作成しましたが、fileという変数が使用されています。あなたのコードのこの部分を変更してみてください：

var file = $("#file_browse").get(0).files; 
// Add the uploaded file content to the form data collection 
if (file.length > 0) { 
    uploadFile.append('file-'+i, file); 
    $.ajax({ 
     url: "/2/delivery/client/massive", 
     contentType: false, 
     processData: false, 
     data: uploadFile, 
     type: 'POST', 
     success: function() { 
      alert("file upload successfuly"); 
     } 
    }); 
} 

これはちょうどfileにfiles変数の名前を変更し、filesを使用し一つの他の場所を変更します。