Как поместить индикатор выполнения во время загрузки файла в Codeigniter

Question

Я загружаю файлы на сервер, мой код работает отлично, но я хочу показать индикатор выполнения до загрузки изображения, я видел различные обучающие программы в основной php, но Я хочу сделать это в рамках codeigniter. Ниже мой код:

<form name="posting_comment" id="posting_comment_<?=$row1['id']?>"> 
<input type="file" name="save_movie_<?=$row1['id']?>" id="movie_<?=$row1['id']?>" /> 
<input type="button" class="postbtn" id="submit_movie_<?=$row1['id']?>" value="Upload Video File" onclick = "return sendCareerData(<?=$row1['id']?>)"/> 
</form> 


<script type="text/javascript"> 
function sendCareerData(a) 
{ 
    var data = new FormData(document.getElementById('posting_comment_'+a)); 
    data.append("file_m_id", a); 

    $.ajax({ 
    type:"POST", 
    url:"<?php echo site_url('Dashboard/do_upload');?>", 
    data:data, 
    mimeType: "multipart/form-data", 
    contentType: false, 
    cache: false, 
    processData: false, 
    success:function(data) 
     { 
     console.log(data); 
     } 
    }); 

} 
</script> 

Контроллер:

public function do_upload() 
{ 
    $lecture_id=$_POST['file_m_id']; 
    $output_dir = "./uploads/"; 
    $fileName = $_FILES["save_movie_".$lecture_id]["name"]; 
    move_uploaded_file($_FILES["save_movie_".$lecture_id]["tmp_name"],$output_dir.$fileName); 
} 

Answer 1

Используйте это до вашей функции успеха

<script type="text/javascript"> 
function sendCareerData(a) 
{ 
    var data = new FormData(document.getElementById('posting_comment_'+a)); 
    data.append("file_m_id", a); 

    $.ajax({ 
    type:"POST", 
    url:"<?php echo site_url('Dashboard/do_upload');?>", 
    data:data, 
    mimeType: "multipart/form-data", 
    contentType: false, 
    cache: false, 
    processData: false, 
    beforeSend: function() {  
      $("#loading").html('Please wait....'); 
      }, 
    success:function(data) 
     { 
     console.log(data); 
     } 
    }); 

} 
</script> 

и на ваш взгляд, добавить

<div id="loading"></div> 

Дополнительная информация http://w3code.in/2015/10/how-to-upload-file-using-ajax-in-codeigniter/