You are reading the article How To Upload Image &Amp; File In Codeigniter (With Example) updated in September 2023 on the website Lanphuongmhbrtower.com. We hope that the information we have shared is helpful to you. If you find the content interesting and meaningful, please share it with your friends and continue to follow and support us for the latest updates. Suggested October 2023 How To Upload Image &Amp; File In Codeigniter (With Example)
CodeIgniter File UploadFile management is essential to most web applications. If you are developing a content management system, then you will need to be able to upload images, word documents, pdf reports, etc. If you are working on a membership site, you may need to take a provision for people to upload their profile images. CodeIgniter’s File Uploading class makes it easy for us to do all of the above.
In this tutorial, we will look at how to use the file upload library to load files.
Uploading Images in CodeIgniterFile uploading in CodeIgniter has two main parts. The frontend and the backend. The frontend is handled by the HTML form that uses the form input type file. On the backend, the file upload library processes the submitted input from the form and writes it to the upload directory.
Let’s begin with the input form.
Create a new directory called files in application/views directory
Add the following files in application/views/files
upload_form.php – this view contains the HTML form that has the input type of file and submits the selected file to the server for processing
Add the following code to upload_form.php
<?php if (isset($error)){ echo $error; }
HERE,
if (isset($error)){…} checks if the error variable has been set. If the result is true then the error returned by the upload library is displayed to the user.
Ad the following code to upload_result.php
HERE,
Let’s now create the controller that will respond to our image uploading
Add a new file chúng tôi in application/controllers
Add the following code to ImageUploadController.php
<?php defined('BASEPATH') OR exit('No direct script access allowed'); class ImageUploadController extends CI_Controller { public function __construct() { parent::__construct(); } public function index() { } public function store() { $config['upload_path'] = './images/'; $config['max_size'] = 2000; $config['max_width'] = 1500; $config['max_height'] = 1500; } else { } } }HERE,
class ImageUploadController extends CI_Controller {…} defines our controller class and extends the base controller CI_Controller
public function index() {…} defines the index method that is used to display the image upload form
public function store() {…} defines the method that will upload the image and store it on the web application server.
$config[‘upload_path’] = ‘./images/’; sets the directory where the images should be uploaded
$config[‘max_size’] = 2000; set the maximum file size in kilobytes. In our example, the maximum file that can be uploaded is 2,000kb close to 2MB. If the user tries to upload a file larger than 2,000kb, then the image will fail to upload and the library will return an error message.
$config[‘max_width’] = 1500; sets the maximum width of the image which in our case is 1,500 px. Any width larger than that results in an error
$config[‘max_height’] = 1500; defines the maximum acceptable height.
That is it for the controller. Let’s now create the directory where our images will be uploaded to. Create a new directory “images” in the root directory of your application
Finally, we will ad two routes to our chúng tôi file that will display the form and display results
Open application/config/routes.php Add the following routes $route['upload-image'] = 'imageuploadcontroller'; $route['store-image'] = 'imageuploadcontroller/store';HERE,
$route[‘upload-image’] = ‘imageuploadcontroller’; defines the URL upload-image that calls the index method of ImageUploadController
Testing the applicationLet’s start the built-in PHP server
Open the terminal/ command line and browse to the root of your application. In my case, the root is located in drive C:Sitesci-app
cd C:Sitesci-appstart the server using the following command
php -S localhost:3000you will be able to see the following results
You should be able to see a dialog window similar to the following
You will get the following results assuming everything goes well
You should be able to see the image that you uploaded. The results will be similar to the following
Notice uploaded image name is displayed in the URL. We got the image name from the uploaded image metadata
Note: The File Upload process remains the same for other types of files
You're reading How To Upload Image &Amp; File In Codeigniter (With Example)
Update the detailed information about How To Upload Image &Amp; File In Codeigniter (With Example) on the Lanphuongmhbrtower.com website. We hope the article's content will meet your needs, and we will regularly update the information to provide you with the fastest and most accurate information. Have a great day!