2017-06-17 60 views
0

請有人解釋我如何上傳圖片和查看他們與codeigniter。我嘗試了很多方法,但都沒有爲我工作。任何幫助將不勝感激圖片上傳和codeigniter查看

+1

閱讀此鏈接(https://www.codeigniter.com/userguide3/libraries/file_uploading.html),並顯示您的代碼請 – molagbal

+0

先生Molagbal這是代碼http://www.codexworld.com/codeigniter-upload-multiple-files-images /我嘗試過。它運作良好。但是我想擴展它來在同一頁面的兩個地方上傳圖片並查看它們。例如,我們將我們的個人資料圖片和封面照片上傳到臉書。 – Dushee

+0

但是你沒有解釋你的問題......你能告訴我你試過了什麼嗎? – molagbal

回答

0

你應該參考CodeIgniter用戶指南。 File Upload in Codeigniter

首先,您需要創建一個目的地文件夾,您希望您的圖像上傳。

因此,在您的CodeIgniter(CI)安裝的根目錄下創建一個名爲「uploads」的文件夾。

現在在CodeIgniter的視圖文件夾中創建兩個視圖文件file_view.php和upload_success.php。第一個文件將顯示包含上傳字段的完整表單,第二個文件顯示消息「已成功上傳」。

文件上傳需要一個多形式

這裏我給大家的是一個例子,希望它幫助。

HTML代碼。

<?php echo $error;?> 
<!-- Error Message will show up here --> 
<?php echo form_open_multipart('upload_controller/do_upload');?> 
<?php echo "<input type='file' name='userfile' size='20' />"; ?> 
<?php echo "<input type='submit' name='submit' value='upload' /> ";?> 
<?php echo "</form>"?> 

控制器代碼:

  <?php 
     if (!defined('BASEPATH')) 
      exit('No direct script access allowed'); 
     class Upload_Controller extends CI_Controller 
     { 
      public function __construct() 
      { 
       parent::__construct(); 
      } 
      public function file_view() 
      { 
       $this->load->view('file_view', array(
        'error' => ' ' 
       )); 
      } 
      public function do_upload() 
      { 
       $config = array(
        'upload_path' => "./uploads/", 
        'allowed_types' => "gif|jpg|png|jpeg|pdf", 
        'overwrite' => TRUE, 
        'max_size' => "2048000", // Can be set to particular file size , here it is 2 MB(2048 Kb) 
        'max_height' => "768", 
        'max_width' => "1024" 
       ); 
       $this->load->library('upload', $config); 
       if ($this->upload->do_upload()) { 
        $data = array(
         'upload_data' => $this->upload->data() 
        ); 
        $this->load->view('upload_success', $data); 
       } else { 
        $error = array(
         'error' => $this->upload->display_errors() 
        ); 
        $this->load->view('file_view', $error); 
       } 
      } 
     } 
     ?> 

您的看法:

 <h3>Your file was successfully uploaded!</h3> 
    <!-- Uploaded file specification will show up here --> 
    <ul> 
     <?php foreach ($upload_data as $item => $value):?> 
      <li> 
       <?php echo $item;?>: 
        <?php echo $value;?> 
      </li> 
      <?php endforeach; ?> 
    </ul> 
    <p> 
     <?php echo anchor('upload_controller/file_view', 'Upload Another File!'); ?> 
    </p> 

檢索圖像:

首先,您需要保存圖片的URL數據庫。

$this->model->insert_data($upoad_data['file_name'], $upoad_data['full_path']); 

$data = array('upload_data' => $this->upload->data()); 

$this->load->view('your_view', $data); 

Now in view使用$ data。

<image src="<?php you should use that data to view image. >"> 

我希望現在你很清楚如何在上傳後顯示圖像。

+0

很高興它適合你。保持編碼。 –

+0

Mr.Ankith它運作良好。請向我解釋如何在我們上傳的地方找回圖像, – Dushee

+0

對於檢索圖像,首先,您應該將該圖像URL保存在數據庫中。然後從數據庫中獲取它。 –