新的发布表格，其中将图片文件上传到数据库

Question

So, I am kind of stuck. I am trying to make a form, that adds new posts to database with uploaded pictures.

At one point, it inserted the post_title and post_text to database, then i broke it again. But my biggest problem lies in the post_img wont upload to database and neither to assests/images folder.

this is my newarticle_index.php

Add New Article

        <!-- Form Name -->
        <legend>Form Name</legend>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="textinput">Title</label>
            <div class="controls">
                <input id="textinput" name="data[post_title]" type="text" placeholder="Pealkiri" class="input-xlarge">

            </div>
        </div>

        <!-- Textarea -->
        <div class="control-group">
            <label class="control-label" for="textarea"> Description</label>
            <div class="controls">
                <textarea id="textarea" name="data[post_text]" placeholder="Write something good"></textarea>
            </div>
        </div>

        <!-- Picture upload -->
        <div class="row">
            <div class="col-md-12">
                <div class="pull-right">
                    <div class="btn-group btn-group-lg">
                        <button class="btn btn-default" id="btn-photo-upload">Add</button>
                    </div>
                </div>

                <form id="uploadForm" method="post" enctype="multipart/form-data" style=" display: none">
                    <input type="file" name="data[post_img]" id="text-photo-upload" class="file-upload"/>
                </form>
                <script>
                    $('#btn-photo-upload').click(function (event) {
                        $('#text-photo-upload').click();
                    });
                    //capture selected filename
                    $('#text-photo-upload').change(function (click) {
                //  $('#file-name').val(this.value);
                        $('form#uploadForm').submit();
                    });
                </script>
            </div>
        </div>



    </fieldset>
</form>

and my controller newarticle.php

  function index_upload()
    {
        $f = isset($_FILES['post_img']) ? $_FILES['post_img'] : false;
        if (!$f) {
            __('upload failed');
            //  return false;
        }
        $target_dir = "assets/images/" . basename($f["name"]);
        $uploadOk = 1;
        // Check if file already exists
        if (file_exists($target_dir . $f["name"])) {
            echo "Sorry, file already exists.";
            $uploadOk = 0;
        }
        // Check file size
        if ($f['size'] > 500000) {
            echo "Sorry, your file is too large.";
            $uploadOk = 0;
        }
        // Check if $uploadOk is set to 0 by an error
        if ($uploadOk == 0) {
            echo "Sorry, your file was not uploaded.";
            // if everything is ok, try to upload file
        } else {
            if (move_uploaded_file($f["tmp_name"], $target_dir)) {
                $post['post_title']=basename($f["name"]);
                $post['post_img']=basename($f["name"]);
                $post['post_text']=basename($f["name"]);
                insert('post', $post);
                echo "The file " . basename($f["name"]) . " has been uploaded.";
            } else {
                echo "Sorry, there was an error uploading your file.";
            }
        }
    }

I did try google... but unsuccessful at this time.

Thank you gurus :3!

Answer 1

1. Make sure you have the right permissions (0777) to the folder you uploading to.
2. Make sure you no upload more then your limit in upload_max_filesize and post_max_size if you do, just change it inside the php.ini
3. Make sure the path of the temp folder is valid upload_tmp_dir inside the php.ini