Question

我正在尝试在codeigniter中上传多个图像并减少每个图像的大小。这是我的观点

 <?php echo form_open_multipart('main_controller/do_insert');?>   
    <div id="mainDiv">
     <div class='group'>
      <div><input type="text" name="name[]"/></div>
      <div><input type="file" name="img[]"/></div>
     </div>
    </div>
    <input type="button" id="add an entry">
    <input type="submit" value="save all"/>
 <?php from_close();?>

我的javascript看起来像

<script>
function add(x)
{
 var str1="<div><input type='text' name='name"+x+"'/></div>"
 var str2="<div><input type='file' name='img"+x+"'/></div>"
 var str3="<input type='button' value='add an entry' onClick='add(x+1)'>";
 $("#mainDiv").append(str1+str2+str3);
}
</script>

这是我的控制器

 function do_insert{
    while($i<=$counter) /*conter have value of total number for images just ignore*/
    {
      $config['upload_path'] = './images/';
      $config['allowed_types'] = 'gif|jpg|png';

      $this->load->library('upload', $config);

      if ( ! $this->upload->do_upload($userfileName))
      {
         echo "error".count;    
      }
      else
      {
         $data = array('upload_data' => $this->upload->data());
         $img=$data['upload_data']['file_name']; /*for geting uploaded image name*/

         $config['image_library'] = 'gd2';
         $config['source_image'] = './images/'.$img;
         $config['new_image'] = './images/';
         $config['maintain_ratio'] = TRUE;
         $config['width']    = 640;
         $config['height']   = 480;

         $this->load->library('image_lib', $config); 

         if (!$this->image_lib->resize()) {
            echo $this->image_lib->display_errors();
         }
         else
         {
            echo "success"; /*and some code here*/
         }
       }
    }
 }

我的问题是，只有第一张图片重新调整大小仍然保持原始大小。一旦上传，图像就会重新调整大小。我认为现在这不是一个正确的方法有没有其他方法来调整图像大小？如果在上传之前调整大小可能会更好。

Answer 1

通过在控制器中更改为

，我解决了调整第一张图像大小的问题

$this->load->library('image_lib');
while($i<=$counter) /*conter have value of total number for images just ignore*/
{
      $config['upload_path'] = './images/';
      $config['allowed_types'] = 'gif|jpg|png';
      $this->load->library('upload', $config);
      if ( ! $this->upload->do_upload($userfileName))
      {
         echo "error".count;    
      }
      else
      {
            $image_data =   $this->upload->data();

            $configer =  array(
              'image_library'   => 'gd2',
              'source_image'    =>  $image_data['full_path'],
              'maintain_ratio'  =>  TRUE,
              'width'           =>  250,
              'height'          =>  250,
            );
            $this->image_lib->clear();
            $this->image_lib->initialize($configer);
            $this->image_lib->resize();
      }
}

Answer 2

我解决了图像调整大小的问题，然后在codeigniter中使用此简单代码上传了图像。

image.php

isLoggedIn() {
    console.log(this._token, !!this._token); // test, returns false everytime, but redirect works...
    return !!this._token;
  },
logout(){
    this._token = null;
    this._axiosSetToken('');
    try {
      window.localStorage.removeItem('token');
    } catch (e) {
      console.error(e);
    }
  }

ajax调用或脚本

<form id="thumb_form" enctype="multipart/form-data" method="post">
    <div style="margin-bottom: 5px;">
       <label>Choose Image File</label>
       <input id="image" name="image" type="file" class="form-control"/>
    </div>
    <div>
       <input type="submit" class="btn btn-primary" name="add_video" id="add_video" value="Submit">
    </div>
</form>

//ajax call write here

Welcome.php

<script>
$("form#thumb_form").submit(function(event)
{
    event.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
        url : "<?php echo site_url('Welcome/add_image_thumb');?>",
        type : "POST",
        data: formData,
        contentType: false,
        processData: false,
        dataType:"JSON",
        success : function(result)
        {
            alert(result);
        }
    });
});

Answer 3

//Here is my upload controller and really works in local and server
//load you image_lib to your config 


 $config = array(
            'upload_path' => './upload/',
            'log_threshold' => 1,
            'allowed_types' => 'jpg|png|jpeg|gif|JPEG|JPG|PNG',
            'max_size' => 10000, 
            'max_width'=>0,
            'overwrite' => false
        );


            for($i = 1 ; $i <=8 ; $i++) {
               $upload = 'upload'.$i; //set var in upload
                if(!empty($upload)){

                    $this->load->library('upload', $config);
                    $this->upload->do_upload('upload'.$i); 
                    $upload_data = $this->upload->data();
                    $file_name = $upload_data['file_name'];
                    // process resize image before upload
                     $configer = array(
                            'image_library' => 'gd2',
                            'source_image' => $upload_data['full_path'],
                            'create_thumb' => FALSE,//tell the CI do not create thumbnail on image
                            'maintain_ratio' => TRUE,
                            'quality' => '40%', //tell CI to reduce the image quality and affect the image size
                            'width' => 640,//new size of image
                            'height' => 480,//new size of image
                        );
                    $this->image_lib->clear();
                    $this->image_lib->initialize($configer);
                    $this->image_lib->resize();

                }

        }

codeigniter图像在上传之前调整大小

3 个答案: