1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
|
####################
File Uploading Class
####################
CodeIgniter's File Uploading Class permits files to be uploaded. You can
set various preferences, restricting the type and size of the files.
***********
The Process
***********
Uploading a file involves the following general process:
- An upload form is displayed, allowing a user to select a file and
upload it.
- When the form is submitted, the file is uploaded to the destination
you specify.
- Along the way, the file is validated to make sure it is allowed to be
uploaded based on the preferences you set.
- Once uploaded, the user will be shown a success message.
To demonstrate this process here is brief tutorial. Afterward you'll
find reference information.
Creating the Upload Form
========================
Using a text editor, create a form called upload_form.php. In it, place
this code and save it to your applications/views/ folder::
<html>
<head>
<title>Upload Form</title>
</head>
<body>
<?php echo $error;?>
<?php echo form_open_multipart('upload/do_upload');?>
<input type="file" name="userfile" size="20" />
<br /><br />
<input type="submit" value="upload" />
</form>
</body>
</html>
You'll notice we are using a form helper to create the opening form tag.
File uploads require a multipart form, so the helper creates the proper
syntax for you. You'll also notice we have an $error variable. This is
so we can show error messages in the event the user does something
wrong.
The Success Page
================
Using a text editor, create a form called upload_success.php. In it,
place this code and save it to your applications/views/ folder::
<html>
<head>
<title>Upload Form</title>
</head>
<body>
<h3>Your file was successfully uploaded!</h3>
<ul>
<?php foreach ($upload_data as $item => $value):?>
<li><?php echo $item;?>: <?php echo $value;?></li>
<?php endforeach; ?>
</ul>
<p><?php echo anchor('upload', 'Upload Another File!'); ?></p>
</body>
</html>
The Controller
==============
Using a text editor, create a controller called upload.php. In it, place
this code and save it to your applications/controllers/ folder::
<?php
class Upload extends CI_Controller {
public function __construct()
{
parent::__construct();
$this->load->helper(array('form', 'url'));
}
public function index()
{
$this->load->view('upload_form', array('error' => ' ' ));
}
public function do_upload()
{
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = 100;
$config['max_width'] = 1024;
$config['max_height'] = 768;
$this->load->library('upload', $config);
if ( ! $this->upload->do_upload())
{
$error = array('error' => $this->upload->display_errors());
$this->load->view('upload_form', $error);
}
else
{
$data = array('upload_data' => $this->upload->data());
$this->load->view('upload_success', $data);
}
}
}
?>
The Upload Folder
=================
You'll need a destination folder for your uploaded images. Create a
folder at the root of your CodeIgniter installation called uploads and
set its file permissions to 777.
Try it!
=======
To try your form, visit your site using a URL similar to this one::
example.com/index.php/upload/
You should see an upload form. Try uploading an image file (either a
jpg, gif, or png). If the path in your controller is correct it should
work.
***************
Reference Guide
***************
Initializing the Upload Class
=============================
Like most other classes in CodeIgniter, the Upload class is initialized
in your controller using the $this->load->library function::
$this->load->library('upload');
Once the Upload class is loaded, the object will be available using:
$this->upload
Setting Preferences
===================
Similar to other libraries, you'll control what is allowed to be upload
based on your preferences. In the controller you built above you set the
following preferences::
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = '100';
$config['max_width'] = '1024';
$config['max_height'] = '768';
$this->load->library('upload', $config);
// Alternately you can set preferences by calling the initialize function. Useful if you auto-load the class:
$this->upload->initialize($config);
The above preferences should be fairly self-explanatory. Below is a
table describing all available preferences.
Preferences
===========
The following preferences are available. The default value indicates
what will be used if you do not specify that preference.
============================ ================= ======================= ======================================================================
Preference Default Value Options Description
============================ ================= ======================= ======================================================================
**upload_path** None None The path to the folder where the upload should be placed. The folder
must be writable and the path can be absolute or relative.
**allowed_types** None None The mime types corresponding to the types of files you allow to be
uploaded. Usually the file extension can be used as the mime type.
Separate multiple types with a pipe.
**file_name** None Desired file name If set CodeIgniter will rename the uploaded file to this name. The
extension provided in the file name must also be an allowed file type.
**overwrite** FALSE TRUE/FALSE (boolean) If set to true, if a file with the same name as the one you are
uploading exists, it will be overwritten. If set to false, a number will
be appended to the filename if another with the same name exists.
**max_size** 0 None The maximum size (in kilobytes) that the file can be. Set to zero for no
limit. Note: Most PHP installations have their own limit, as specified
in the php.ini file. Usually 2 MB (or 2048 KB) by default.
**max_width** 0 None The maximum width (in pixels) that the file can be. Set to zero for no
limit.
**max_height** 0 None The maximum height (in pixels) that the file can be. Set to zero for no
limit.
**max_filename** 0 None The maximum length that a file name can be. Set to zero for no limit.
**max_filename_increment** 100 None When overwrite is set to FALSE, use this to set the maximum filename
increment for CodeIgniter to append to the filename.
**encrypt_name** FALSE TRUE/FALSE (boolean) If set to TRUE the file name will be converted to a random encrypted
string. This can be useful if you would like the file saved with a name
that can not be discerned by the person uploading it.
**remove_spaces** TRUE TRUE/FALSE (boolean) If set to TRUE, any spaces in the file name will be converted to
underscores. This is recommended.
============================ ================= ======================= ======================================================================
Setting preferences in a config file
====================================
If you prefer not to set preferences using the above method, you can
instead put them into a config file. Simply create a new file called the
upload.php, add the $config array in that file. Then save the file in:
config/upload.php and it will be used automatically. You will NOT need
to use the $this->upload->initialize function if you save your
preferences in a config file.
******************
Function Reference
******************
The following functions are available
$this->upload->do_upload()
===========================
Performs the upload based on the preferences you've set. Note: By
default the upload routine expects the file to come from a form field
called userfile, and the form must be a "multipart type::
<form method="post" action="some_action" enctype="multipart/form-data" />
If you would like to set your own field name simply pass its value to
the do_upload function::
$field_name = "some_field_name";
$this->upload->do_upload($field_name);
$this->upload->display_errors()
================================
Retrieves any error messages if the do_upload() function returned
false. The function does not echo automatically, it returns the data so
you can assign it however you need.
Formatting Errors
*****************
By default the above function wraps any errors within <p> tags. You can
set your own delimiters like this::
$this->upload->display_errors('<p>', '</p>');
$this->upload->data()
=====================
This is a helper function that returns an array containing all of the
data related to the file you uploaded. Here is the array prototype::
Array
(
[file_name] => mypic.jpg
[file_type] => image/jpeg
[file_path] => /path/to/your/upload/
[full_path] => /path/to/your/upload/jpg.jpg
[raw_name] => mypic
[orig_name] => mypic.jpg
[client_name] => mypic.jpg
[file_ext] => .jpg
[file_size] => 22.2
[is_image] => 1
[image_width] => 800
[image_height] => 600
[image_type] => jpeg
[image_size_str] => width="800" height="200"
)
To return one element from the array::
$this->upload->data('file_name'); // Returns: mypic.jpg
Explanation
***********
Here is an explanation of the above array items.
Item
Description
**file_name**
The name of the file that was uploaded including the file extension.
**file_type**
The file's Mime type
**file_path**
The absolute server path to the file
**full_path**
The absolute server path including the file name
**raw_name**
The file name without the extension
**orig_name**
The original file name. This is only useful if you use the encrypted
name option.
**client_name**
The file name as supplied by the client user agent, prior to any file
name preparation or incrementing.
**file_ext**
The file extension with period
**file_size**
The file size in kilobytes
**is_image**
Whether the file is an image or not. 1 = image. 0 = not.
**image_width**
Image width.
**image_height**
Image height
**image_type**
Image type. Typically the file extension without the period.
**image_size_str**
A string containing the width and height. Useful to put into an image
tag.
|
