jquery ajaxとcodeigniterを使用してcsvファイルをアップロード

Question

ここでは、jquery ajax関数を使用してcsvファイルをアップロードして移動します。

$("#file").change(function() { 
    alert($("#file").val()); 
    $.ajax({ 
    url: "<?php echo base_url(); ?>index.php/Task_controller/upload_tasksquestion", 
    type: "post", 
    dataType: 'json', 
    processData: false, 
    contentType: false, 
    data: {file: $("#file").val()}, 
    success: function(text) { 
     alert(text); 
     if(text == "success") { 
      alert("Your image was uploaded successfully"); 
     } 
    }, 
    error: function() { 
     alert("An error occured, please try again.");   
    } 
    }); 
}); 

と私のhtmlコードは次のとおりです。

< input type="file" class="form-control" id="file" name="file"> 

と私はの$ this - >入力 - >ポスト（「ファイル」）のようなコントローラ機能アップロードされたファイル名 でテストしてい。

しかし、コントローラに来ていないので、そのファイルをフォルダに移動したいと思います。 私はミスをやっているところ

...私を助けてください、私のサーバー側のコードは次のとおりです。

$curdate=date('Y-m-d'); 
$path='./assets/fileuploads/'; 
$file=basename($_FILES['file']['name']); 

list($txt, $ext) = explode(".", $file); 
$actual_file_name = time().substr($txt, 5).".".$ext; 
if(move_uploaded_file($_FILES['file']['tmp_name'],$path.$actual_file_name)) 

Answer 1

あなたがAJAX経由でファイルを介して送信するためにFormDataを使用する必要があります。

ファイルをFormDataオブジェクトに格納し、オブジェクトをdataとして渡します。読むFile Uploading Classサーバー側のエンド上のファイルに対処する方法については（特にコントローラのセクションから）

$("#file").change(function() { 
    var fd = new FormData(); 
    fd.append('file', this.files[0]); // since this is your file input 

    $.ajax({ 
     url: "<?php echo base_url(); ?>index.php/Task_controller/upload_tasksquestion", 
     type: "post", 
     dataType: 'json', 
     processData: false, // important 
     contentType: false, // important 
     data: fd, 
     success: function(text) { 
      alert(text); 
      if(text == "success") { 
       alert("Your image was uploaded successfully"); 
      } 
     }, 
     error: function() { 
      alert("An error occured, please try again.");   
     } 
    }); 
}); 

。