在codeigniter中的同一网页上传和查看多个图像

时间:2017-06-19 06:29:13

标签: codeigniter

enter image description here

此图显示了我需要对 codeigniter 执行的操作。我有一个页面有几个div标签。我需要上传图片并在同一个地方展示。但是应该有3个不同的图像和3个不同的文件位置来保存这些图像。我尝试了很多方法。请有意见的人帮助我。

我的控制器

 <?php
        if (!defined('BASEPATH'))
            exit('No direct script access allowed');
        class Upload_Controller extends CI_Controller
        {
            public function __construct()
            {
                parent::__construct();
            }
            public function index(){
                $this->load->view('file_view', array(
                    'error' => ' '
                ));
            }
            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('file_view', $data);
                } else {
                    $error = array(
                        'error' => $this->upload->display_errors()
                    );
                    $this->load->view('file_view', $error);
                }
            }
            public function do_upload2()
            {
                $config = array(
                    'upload_path' => "./uploads/index2/",
                    '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('file_view', $data);
                } else {
                    $error = array(
                        'error1' => $this->upload->display_errors()
                    );
                    $this->load->view('file_view', $error);
                }
            }
        }
        ?>  

我的观点

<div id="1">
<?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>"?>
</div>
<div id="2">

<h3>Your file was successfully uploaded!</h3>
    <!-- Uploaded file specification will show up here -->
    <ul>

            <li>


            </li>
            <img alt="Your uploaded image" src="<?=base_url(). 'uploads/' . $upload_data['file_name'];?>">

    </ul>
</div>

<div id="3">

<?php echo form_open_multipart( 'upload_controller/do_upload2');?>
<?php echo "<input type='file' name='userfile' size='20' />"; ?>
<?php echo "<input type='submit' name='submit' value='upload' /> ";?>
<?php echo "</form>"?>
</div>

<div id="4">

    <h3>Your file was successfully uploaded!</h3>
    <!-- Uploaded file specification will show up here -->
    <ul>

            <li>


            </li>
            <img alt="Your uploaded image" src="<?=base_url(). 'uploads/index2/' . $upload_data['file_name'];?>">

    </ul>
    <p>
        <?php echo anchor('upload_controller/file_view', 'Upload Another File!'); ?>
    </p>
</div>

1 个答案:

答案 0 :(得分:0)

试用此代码:

model name

这里是控制器代码:

<form method="post" action="uploader/go" enctype="multipart/form-data">
    <input type="file" name="image1" /><br />
    <input type="file" name="image2" /><br />
    <input type="file" name="image3" /><br />
    <input type="file" name="image4" /><br />
    <input type="file" name="image5" /><br />
    <input type="submit" name="go" value="Upload!!!" />
</form>

} }