2016-02-01 22 views
1

這是我在controller.I功能我不使用一個Ajax功能上傳數據文件,但一個形式提交,我是新來的PHP語言。我想顯示一個加載GIF,直到上傳完成。我試着搜索,但沒有找到這個框架的答案。如何顯示加載.gif注意:在上傳的笨框架

try { 
      $config['upload_path'] = './uploads/'; 
      $config['allowed_types'] = '*'; 
      $this->load->helper('file'); 

      $this->load->library('upload', $config); 
      if (!$this->upload->do_upload()) { 
       $this->session->set_flashdata('import_attendance', '<br><span style="font-size: 13px;background-color: #FFFFFF;color:#ff0000;border:solid 1px #ff99cc;padding:2px;border-radius: 5px 5px 5px 5px">No file is Selected</span>'); 

       redirect('import/drawIndexAttendanceImport'); 
      } else { 

       $upfile = array('upload_data' => $this->upload->data()); 
       $this->load->library('/lib/PHPExcel.php'); 
       $inputFileName = $upfile['upload_data']['full_path']; 
       $this->load->model('import/import_model'); 
$result = $this->import_model->importAttendance($inputFileName); 
       if ($result == true) { 
        $this->session->set_flashdata('import_attendance', '<br><span style="font-size: 13px;background-color: #FFFFFF;color:#00cc00;border:solid 1px #00cc00;padding:2px;border-radius: 5px 5px 5px 5px">Succussfully Uploaded </span>'); 

        redirect('import/drawIndexAttendanceImport'); 
       } else { 
        $this->session->set_flashdata('import_attendance', '<br><span style="font-size: 13px;background-color: #FFFFFF;color:#ff0000;border:solid 1px #ff99cc;padding:2px;border-radius: 5px 5px 5px 5px">Upload Error</span>'); 

        redirect('import/drawIndexAttendanceImport'); 
       } 
      } 
      $this->template->draw('import/drawAttendanceImport', $data); 
     } catch (Exception $exc) { 

     } 
    }  
+0

你必須顯示loading.gif圖像,直到你沒有得到成功msg的圖像上傳。 – Monty

+0

對我來說,使用ajax更容易。 – Kentot

+0

步驟::點擊上傳按鈕顯示圖像加載圖像並運行功能saveUpload()該功能將保存上傳到文件夾和數據庫,並將返回true/false。如果成功則返回false如果真的做頁面刷新。 – Monty

回答

1

建議:

步驟::點擊上傳按鈕顯示圖像載入圖像和運行 功能saveUpload()這個函數將節省您的上傳文件夾 和DB並會返回true/false。如果成功則返回false如果 真的做頁面刷新。

0
<div id="loadergif">Please place your gif here...</div> 

做到這一點上傳啓動時: $("#loadergif").css('display','block'); //顯示

做這個IMG上傳成功: $("#loadergif").css('display','none'); //隱藏

注意:不要忘了最初隱藏加載器。 有益鏈接:https://stackoverflow.com/a/27274616/4229270