Codeigniter验证码图片路径错误

3

你好,我正在尝试在我的注册页面中使用CodeIgniter验证码助手。 我有一个用户控制器,其中包含以下注册函数:

public function register(){   
    $this->form_validation->set_rules('user_name' , 'Username' , 'trim|required|max_length[32]'); 
    $this->form_validation->set_rules('captcha' , 'Captcha' , 'trim|required|max_length[32]|callback_check_captcha');
    $this->form_validation->set_rules('password', 'Password','trim|required|min_length[5]|max_length[12]');
    $this->form_validation->set_rules('confirm_password', 'Confirm Password','trim|required|min_length[5]|max_length[12]|matches[password]');
    $this->form_validation->set_rules('email', 'Email', 'trim|required|valid_email');
    if ($this->form_validation->run()==FALSE){
    //Captcha code 
    $this->load->helper('captcha');
    //Captcha Config 
    $vals = array(
        'img_path'      => './captcha/',
        'img_url'       => './captcha/',
        'img_width'     => '150',
        'img_height'    => 30,
        'expiration'    => 7200,
        'word_length'   => 8,
        'font_size'     => 16,
        'img_id'        => 'Imageid',
         'font_path'     => '/fonts/Open.ttf',

        // White background and border, black text and red grid
        'colors'        => array(
                'background' => array(255, 255, 255),
                'border' => array(255, 255, 255),
                'text' => array(0, 0, 0),
                'grid' => array(255, 40, 40)
        )
    );
    //Create the Captcha
    $cap = create_captcha($vals);

    // Store The Created Captcha in DB for Verification  
    $data = array(
    'captcha_time'  => $cap['time'],
    'ip_address'    => $this->input->ip_address(),
    'word'          => $cap['word']
    );
    $this->register_model->store_captcha($data);
    //Load View
    $data['image']=$cap['image'];
    var_dump($data['image']);exit();
    $this->load->view('templates/header');
    $this->load->view('register' , $data);
    $this->load->view('templates/footer');
    }else {
              $option=array('cost'=>12);
              $encrypt_password=password_hash($this->input->post('password'),PASSWORD_BCRYPT,$option);
              $this->register_model->add_user($encrypt_password);
              $this->session->set_flashdata('user_registered','You are Successfully Registered and can Log in ');
              redirect('register/success');
    }
}

如果您查看上述代码,我将“img_path”设置为“./ captcha /”(使用根相对方法)。我在根目录中有这个 captcha 文件夹。
在我的看法中,我有:
    <div class="form-group">
    <label>Enter UserID</label>
    <input type="text" class="form-control" name="user_name"  placeholder="Enter Your UserId">
  </div>
  <div class="form-group">
    <label>Enter Your Email</label>
    <input type="email" class="form-control" name="email"  placeholder="Enter Your Email">
  </div>
  <div class="form-group">
    <label>Enter Your Password </label>
    <input type="password" class="form-control" name="password"  placeholder="Enter Password">
  </div>
  <div class="form-group">
        <label>Re-enter Password </label>
        <input type="password" class="form-control" name="confirm_password"  placeholder="Renter Password">
  </div>
  <?php echo $image ; ?>
  <div class="form-group">
        <label>Solve Captcha </label>
        <input type="text" class="form-control" name="captcha" >
  </div>
   <button type="submit" class="btn btn-primary">Submit</button>
  <?php echo form_close();?>

问题是我的图片没有显示出来。当我检查验证码图片时,发现它像下面这样是正确的:

<img id="Imageid" src="./captcha/1551023447.5228.jpg" style="width: 150; height: 30; border: 0;" alt=" ">

然而,实际上src被“计算”为:http://[::1]/login/user/captcha/1551023447.5228.jpg。请参见下面的图片。 computed src 有人能告诉我为什么src指向http://[::1]/login/user/captcha/1551023447.5228.jpg,而不是http://[::1]/login/captcha/1551023447.5228.jpg吗?我也很想知道在chrome中悬停在img src上时显示的值与代码中实际值不同的原因。我理解/.path用于从根目录遍历文件夹,但这是我在chrome中第一次看到这样的情况。谢谢。
1个回答

1
路径参数看起来不正确。它应该是验证码目录的完整URL,例如
$vals = array(
    'img_path'      => 'captcha/',
    'img_url'       => base_url('captcha')
.....

假设您的项目根目录中有一个名为 captcha 的文件夹,并且已经在 config/autoload.php 中启用了 url 助手。
关于 Chrome 开发者工具路径,它会计算相对路径并显示完整的 URL,因此您可以通过单击跳转到该位置。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接