从动态表单中上传Codeignitor多个输入文件

时间:2019-06-14 04:41:58

标签: php codeigniter codeigniter-upload

我正在使用具有多个输入type = file的Jquery使用动态表单(拖放表单)。因此,输入类型的名称使用随机数进行更改。以下是来自视图源的示例代码:

<?php echo $error;?>
<?php echo form_open_multipart('upload/do_upload');?>
<form action="" enctype="multipart/form-data" method="post" accept-charset="utf-8">                            
<div id="sjfb-fields">

    <div class="my-3 p-3 bg-white rounded box-shadow">
            <div id="sjfb-399480" class="sjfb-field sjfb-images" style="min-height:100px;">
                <label for="images-399480" style="color:grey;font-size:12px">Upload the screenshot</label>

                <input type="file" name="img-399480" id="images-399480">
            </div>
    </div>

    <div class="my-3 p-3 bg-white rounded box-shadow">
        <div id="sjfb-857945" class="sjfb-field sjfb-images" style="min-height:100px;">
            <label for="images-857945" style="color:grey;font-size:12px">Test Images</label>
            <input type="file" name="img-857945" id="images-857945">
            </div>
    </div>
    <div class="my-3 p-3 bg-white rounded box-shadow">
        <div id="sjfb-792565" class="sjfb-field sjfb-images" style="min-height:100px;">
            <label for="images-792565" style="color:grey;font-size:12px">More Images</label>

            <input type="file" name="img-792565" id="images-792565">
           </div>
    </div>
</div>
<button type="submit" name="save" class="btn btn-primary">Save</button>
</form>

我在控制器中使用以下代码上传了一张图片:

                    $config['upload_path']   = 'public/Uploads/Inspection/';
                    $config['allowed_types'] = 'gif|jpg|png'; 
                    $config['max_size']      = 100; 
                    $config['max_width']     = 1024; 
                    $config['max_height']    = 768; 

                    $this->load->library('upload', $config);
                    if ( ! $this->upload->do_upload('userfile')) 
                    {
                       $error = array('error' => $this->upload->display_errors()); 

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

                    }

我尝试使用一种输入type =“ file”上传,并且可以正常工作(使用图像的名称userfile)。 此表单具有多个输入type = file,我想知道有什么办法可以分别上传文件吗? 我也是Codeigniter的新手

谢谢!

1 个答案:

答案 0 :(得分:1)

检查一下:

控制器部分:

    $files = $_FILES;  //getting the files from post
    $cpt = count($_FILES['photo']['name']); //number of files uploaded

    for($i=0;$i<$cpt;$i++){  // in loop to upload multiple files

      $file_name=$_FILES['photo']['name'][$i];

      if($i==0){     //name the file according to the number /name as u like
        echo $i;
       $name='_first';

      }elseif($i==2){

       $name='_second';  

      }else{

        $name='_third';

      }

// ci库上传照片           $ this-> load-> library('upload');

        $_FILES['photo']['name']= $files['photo']['name'][$i];
        $_FILES['photo']['type']= $files['photo']['type'][$i];
        $_FILES['photo']['tmp_name']= $files['photo']['tmp_name'][$i];
        $_FILES['photo']['error']= $files['photo']['error'][$i];
        $_FILES['photo']['size']= $files['photo']['size'][$i];



      $config = array(
            'file_name'     => $name,
            'allowed_types' => 'jpg',    //add option as u like
            'max_size'      => 3000,
            'overwrite'     => TRUE,
            'upload_path'=>'./uploads/'      //use your respective path to upload
      );

      $this->upload->initialize($config);
   if (!$this->upload->do_upload('photo')) {
      $data_error = array('msg' => $this->upload->display_errors());

                  } else {

                      $data = $this->upload->data();

                  }

    }

然后以html格式上传照片:所有人的输入名称均更改为photo []

<?php echo $error;?>
<?php echo form_open_multipart('upload/do_upload');?>
<form action="" enctype="multipart/form-data" method="post" accept-charset="utf-8">                            
<div id="sjfb-fields">

    <div class="my-3 p-3 bg-white rounded box-shadow">
            <div id="sjfb-399480" class="sjfb-field sjfb-images" style="min-height:100px;">
                <label for="images-399480" style="color:grey;font-size:12px">Upload the screenshot</label>

                <input type="file" name="photo[]" id="images-399480">
            </div>
    </div>

    <div class="my-3 p-3 bg-white rounded box-shadow">
        <div id="sjfb-857945" class="sjfb-field sjfb-images" style="min-height:100px;">
            <label for="images-857945" style="color:grey;font-size:12px">Test Images</label>
            <input type="file" name="photo[]" id="images-857945">
            </div>
    </div>
    <div class="my-3 p-3 bg-white rounded box-shadow">
        <div id="sjfb-792565" class="sjfb-field sjfb-images" style="min-height:100px;">
            <label for="images-792565" style="color:grey;font-size:12px">More Images</label>

            <input type="file" name="photo[]" id="images-792565">
           </div>
    </div>
</div>
<button type="submit" name="save" class="btn btn-primary">Save</button>
</form>

在本地工作 请参阅https://www.codeigniter.com/user_guide/libraries/file_uploading.html的配置选项