如何使用 CodeIgniter 将图像保存在表单中

Question

所以我也有一个带有一些文本字段和三个文件字段的表单。在提交时，我想将新用户插入到我的数据库中，并且我想将三个具有不同名称的单独文件（图像）保存到我的服务器。我阅读了 CodeIgniter 的文件上传类，但我无法在我的代码中实现它。

这就是我尝试过的。

控制器

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Test extends CI_Controller {
public function __construct() {
    parent::__construct();
    if (!is_logged_in()) {
        redirect('login');
    }
}

public function index()
{
    $this->load->view('templates/header');
    $this->load->view('pages/test_view');
    $this->load->view('templates/footer');
}

public function newUser(){
    $this->load->model('TestModel');

    $new_user = array (
        'FirstName' => $this->input->post('inputFirstName'),
        'LastName' => $this->input->post('inputLastName')
    );

    $insert_id = $this->TestModel->insertNewUser($new_user);

    $config['upload_path'] = base_url().'img/users/';
    $config['allowed_types'] = 'jpeg|jpg|png';
    $config['overwrite'] = TRUE;
    $config['file_name'] = $insert_id."_index";

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

    if ($this->upload->do_upload('index'))
    {
        $data = array('upload_data' => $this->upload->data());
    } else {
        $error = array('error' => $this->upload->display_errors());
    }

    $config['file_name'] = $insert_id."_picture1";
    $this->load->library('upload', $config);

    if ($this->upload->do_upload('picture1'))
    {
        $data = array('upload_data' => $this->upload->data());
    } else {
        $error = array('error' => $this->upload->display_errors());
    }

    $config['file_name'] = $insert_id."_picture2";
    $this->load->library('upload', $config);

    if ($this->upload->do_upload('picture2'))
    {
        $data = array('upload_data' => $this->upload->data());
    } else {
        $error = array('error' => $this->upload->display_errors());
    }

    //redirect('test');
}
}

查看

<div class="container">
    <div class="row justify-content-center">
        <div class="col text-center">
            <!-- Button trigger modal -->
            <button type="button" class="btn btn-primary margin-t newButton" data-toggle="modal" data-target="#newUserModal">
                Add user
            </button>
        </div>
    </div>
</div>

<!-- New User Modal -->
<div class="modal fade" id="newUserModal" tabindex="-1" role="dialog" aria-labelledby="newUserModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="newUserModalLabel">New user</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form role="form" method="post" id="new-user-form" class="needs-validation" action="<?= base_url(); ?>test/newUser" novalidate>
                    <div class="form-row">
                        <div class="col-md-6 mb-3">
                            <label for="inputFirstName">First name</label>
                            <input type="text" class="form-control" name="inputFirstName" id="inputFirstName" placeholder="" required>
                            <div class="invalid-feedback">
                                Invalid input
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="inputLastName">Last name</label>
                            <input type="text" class="form-control" name="inputLastName" id="inputLastName" placeholder="" required>
                            <div class="invalid-feedback">
                                Invalid input
                            </div>
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="col-md-4 mb-3">
                            <div class="avatar-upload">
                                <div class="avatar-edit">
                                    <input type='file' name="index" id="indexImageUpload" accept=".png, .jpg, .jpeg" />
                                    <label class="text-center" for="indexImageUpload"></label>
                                </div>
                                <div class="avatar-preview">
                                    <div id="indexImage" style="background-image: url(https://ryanacademy.ie/wp-content/uploads/2017/04/user-placeholder.png)">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="avatar-upload">
                                <div class="avatar-edit">
                                    <input type='file' name="picture1" id="picture1Upload" accept=".png, .jpg, .jpeg" />
                                    <label class="text-center" for="picture1Upload"></label>
                                </div>
                                <div class="avatar-preview">
                                    <div id="picture1" style="background-image: url(https://ryanacademy.ie/wp-content/uploads/2017/04/user-placeholder.png)">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="avatar-upload">
                                <div class="avatar-edit">
                                    <input type='file' name="picture2" id="picture2Upload" accept=".png, .jpg, .jpeg" />
                                    <label class="text-center" for="picture2Upload"></label>
                                </div>
                                <div class="avatar-preview">
                                    <div id="picture2" style="background-image: url(https://ryanacademy.ie/wp-content/uploads/2017/04/user-placeholder.png)">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary closeButton" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" form="new-user-form">Save</button>
            </div>
        </div>
    </div>
</div>

Answer 1

首先将<form...更改为：

<form role="form" method="post" enctype="multipart/form-data" id="new-user-form" class="needs-validation" action="<?= base_url(); ?>test/newUser" novalidate>

然后检查：Multiple image upload with CodeIgniter