Question

我正在使用codeigniter mvc框架，我想创建一个具有上传图片的表单，并且还将输入类型中的输入数据保存在一个html <form>中，为什么这个我的图像无法上传，它显示错误像这当我回应错误时：

File cannot be uploadedarray(1) { ["error"]=> string(43) "
You did not select a file to upload.

" }

以下是我的代码：

<form id="frm_product" class="form-horizontal" method="POST" action="Admin_controls/addProduct">  
                <div style="position:relative;">
                    <a class='btn btn-primary' href='javascript:;'>
                        Choose Picture..
                        <input type="file" style='position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent;' name="file_source" size="40"  onchange='$("#upload-file-info").html($(this).val());'>
                    </a>
                    &nbsp;
                    <span class='label label-info' id="upload-file-info"></span>
                </div>
                <br>
                <div class="form-group">
                    <label for="cat_name">Product Name: </label>
                    <input type="text" class="form-control" name="prod_name">
                </div>
                <div class="form-group">
                    <label for="cat_desc">Description: </label>
                    <input type="text" class="form-control" name="prod_desc">
                </div>
                <div class="form-group">
                    <label for="cat_desc">Price: </label>
                    <input type="text" class="form-control" name="prod_price">
                </div>
                <div class="form-group">
                    <label for="cat_desc">Category: </label>
                    <select class="form-control" name="prod_cat">
                      <?php foreach($data as $each){ ?>
                        <option value="<?php echo $each->Category_id; ?>"><?php echo $each->Category_name; ?></option>';
                      <?php } ?>  
                    </select>
                </div>
            </form>

以下是我提交表单的javascript：

function submitProduct() {
    document.getElementById("frm_product").submit();
}

在我的控制器中，这是我的代码：

public function addProduct(){
        $config['upload_path'] = './assets/uploaded_images/';
        $config['allowed_types'] = 'jpg|jpeg|png';
        $config['max_size'] = 1024 * 8;
        $this->load->library('upload', $config);
        if($this->upload->do_upload("file_source")) {
            $upload_data = $this->upload->data(); 
            $file_name =   base_url().'assets/uploaded_images/'.$upload_data['file_name'];
            $data = array (
            'Product_name' => $this->input->post('prod_name'),
            'Product_desc' => $this->input->post('prod_desc'),
            'Product_price' => $this->input->post('prod_price'),
            'Category_id' => $this->input->post('prod_cat'),
            'Product_img' => $file_name
            );
            var_dump($data);    

        }
        else {
            echo "File cannot be uploaded";
            $error = array('error' => $this->upload->display_errors()); var_dump($error);
        }

    }

Answer 1

在我看来，您忘了将enctype="multipart/form-data"添加到表单

<form id="frm_product" class="form-horizontal" method="POST" action="Admin_controls/addProduct" enctype="multipart/form-data">

上传图像并将数据保存到codeigniter中，形式为

1 个答案: