codeigniterフレームワークを使用してajax関数で画像をアップロードする

Question

codeigniterフレームワークを使用してajax関数で画像をアップロードしようとしています。 $ this-> upload-> do_upload（ 'file'）、そして私が$ _FILE（）を使用するcodeigniterのようなイメージファイルのすべての詳細を取得するにはどうすればいいですか？

コントローラ

class Upload extends CI_Controller{ 
#code 
public function index(){   
    $this->load->view('upload'); 
} 
public function do_upload(){  
    if(!empty($_FILES)){ 
     $config = array(
      'upload_path' => './uploads/', 
      'allow_types' => 'gif|jpg|jpeg|png|JPG|JPEG|PNG|GIF', 
      'max_size' => '1024', 
      'max_width' => '1024', 
      'max_height' => '1000', 
      'encrypt_name' => TRUE, 
      'overwrite' => TRUE 
     ); 
     $this->load->library('upload', $config); 
     //$this->upload->initialize($config); 

     echo "test1 :<br/>"; 
     print_r($this->upload->do_upload('file')); 
     echo "test2 : <br/>"; 

     if(!$this->upload->do_upload('file')){ 
      echo "unable to upload images"; 
     }else{ 
      $data = $this->upload->data(); 
      $this->thumb($data); 
      $file = array(
       'filename' => $data['file_name'] 
      ); 
      $this->upload_model->imageupload($file); 
      $data = array('upload_data'=>$this->upload->data()); 
     } 
     //redirect(site_url('upload')); 
    } 
} 
} 

ビュー 画像アップロード

スクリプトマニュアル

の$ this - > upload->データ（）

---

これは全てを含む配列を返すヘルパー関数であるにrefferedよう

<script type="text/javascript"> 

    $(document).ready(function(){ 


     $('#userfile').change(function(){ 

      //$('.img_pre').attr('src','<?php echo base_url(); ?>uploads/ProgressBar.gif'); 

      $('#btn_upload').submit(); 

     }); 

     var inputFile = $('input[name=userfile]'); 

     var uploadURL = '<?= site_url('upload/do_upload')?>'; 

     $('#btn_upload').on('click', function(e){ 

      e.preventDefault(); 

      $('.img_pre').attr('src','<?php echo base_url(); ?>uploads/ProgressBar.gif'); 

      var fileToupload = inputFile[0]. files[0]; 

      if (fileToupload != 'undefined') { 

       //code 

       var formData = new FormData(); 

       formData.append('file', fileToupload); 

       $.ajax({ 

       type: 'POST', 

       url : uploadURL, 

       data: formData, 

       //dataType: 'json', 

       async: false, 

       processData:false, 

       contentType:false, 

       cache: false, 

       success: function(data){ 


       } 

       }); 

      }else{ 

       alert("Error :"+data); 

      } 

     }); 

    }); 

    </script> 

Answer 1

アップロードしたファイルに関連するデータここでは、配列のプロトタイプは次のとおりです。

Array 
(
    [file_name] => mypic.jpg 
    [file_type] => image/jpeg 
    [file_path] => /path/to/your/upload/ 
    [full_path] => /path/to/your/upload/jpg.jpg 
    [raw_name]  => mypic 
    [orig_name] => mypic.jpg 
    [client_name] => mypic.jpg 
    [file_ext]  => .jpg 
    [file_size] => 22.2 
    [is_image]  => 1 
    [image_width] => 800 
    [image_height] => 600 
    [image_type] => jpeg 
    [image_size_str] => width="800" height="200" 
) 

あなたのケースでは$データを使用すると、JavaScriptで画像のデータをどのようになるでしょう