Ext file upload php

PHP File Upload

However, with ease comes danger, so always be careful when allowing file uploads!

Configure The «php.ini» File

First, ensure that PHP is configured to allow file uploads.

In your «php.ini» file, search for the file_uploads directive, and set it to On:

Create The HTML Form

Next, create an HTML form that allow users to choose the image file they want to upload:

Some rules to follow for the HTML form above:

• Make sure that the form uses method=»post»
• The form also needs the following attribute: enctype=»multipart/form-data». It specifies which content-type to use when submitting the form

Without the requirements above, the file upload will not work.

• The type=»file» attribute of the tag shows the input field as a file-select control, with a «Browse» button next to the input control

The form above sends data to a file called «upload.php», which we will create next.

Create The Upload File PHP Script

The «upload.php» file contains the code for uploading a file:

$target_dir = «uploads/»;
$target_file = $target_dir . basename($_FILES[«fileToUpload»][«name»]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST[«submit»])) $check = getimagesize($_FILES[«fileToUpload»][«tmp_name»]);
if($check !== false) echo «File is an image — » . $check[«mime»] . «.»;
$uploadOk = 1;
> else echo «File is not an image.»;
$uploadOk = 0;
>
>
?>

• $target_dir = «uploads/» — specifies the directory where the file is going to be placed
• $target_file specifies the path of the file to be uploaded
• $uploadOk=1 is not used yet (will be used later)
• $imageFileType holds the file extension of the file (in lower case)
• Next, check if the image file is an actual image or a fake image

Note: You will need to create a new directory called «uploads» in the directory where «upload.php» file resides. The uploaded files will be saved there.

Check if File Already Exists

Now we can add some restrictions.

First, we will check if the file already exists in the «uploads» folder. If it does, an error message is displayed, and $uploadOk is set to 0:

// Check if file already exists
if (file_exists($target_file)) echo «Sorry, file already exists.»;
$uploadOk = 0;
>

Limit File Size

The file input field in our HTML form above is named «fileToUpload».

Now, we want to check the size of the file. If the file is larger than 500KB, an error message is displayed, and $uploadOk is set to 0:

// Check file size
if ($_FILES[«fileToUpload»][«size»] > 500000) echo «Sorry, your file is too large.»;
$uploadOk = 0;
>

Limit File Type

The code below only allows users to upload JPG, JPEG, PNG, and GIF files. All other file types gives an error message before setting $uploadOk to 0:

Complete Upload File PHP Script

The complete «upload.php» file now looks like this:

$target_dir = «uploads/»;
$target_file = $target_dir . basename($_FILES[«fileToUpload»][«name»]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

// Check if image file is a actual image or fake image
if(isset($_POST[«submit»])) $check = getimagesize($_FILES[«fileToUpload»][«tmp_name»]);
if($check !== false) echo «File is an image — » . $check[«mime»] . «.»;
$uploadOk = 1;
> else echo «File is not an image.»;
$uploadOk = 0;
>
>

// Check if file already exists
if (file_exists($target_file)) echo «Sorry, file already exists.»;
$uploadOk = 0;
>

// Check file size
if ($_FILES[«fileToUpload»][«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($_FILES[«fileToUpload»][«tmp_name»], $target_file)) echo «The file «. htmlspecialchars( basename( $_FILES[«fileToUpload»][«name»])). » has been uploaded.»;
> else echo «Sorry, there was an error uploading your file.»;
>
>
?>

Complete PHP Filesystem Reference

For a complete reference of filesystem functions, go to our complete PHP Filesystem Reference.

Источник

Ext file upload php

ExtJS 4 обладает достаточным функционалом для загрузки файлов на сервер. Для этого нам, во-первых, потребуется форма для выбора файла на стороне клиента, и, во-вторых, некоторый код на стороне сервера, который бы принимал файл.

На стороне клиента для выбора файла мы можем воспользоваться компонентом Ext.form.field.File, который имеет xtype:’filefield’ .

var formPanel=Ext.create('Ext.form.Panel',< title: 'Форма Запроса', bodyStyle:'padding:5px 5px 0', width: 400, height:150, renderTo: Ext.getBody(), items: [< xtype: 'filefield', name: 'document', fieldLabel: 'Выберите файл: ', msgTarget: 'side', allowBlank: false >], buttons: [ < text: 'Загрузить файл', handler: function()< var form = this.up('form').getForm(); if (form.isValid()) < form.submit(< url: 'upload.php', waitMsg: 'Загрузка. ', success: function(fp, o)< Ext.Msg.alert('Загрузка прошла успешно', 'Файл ' +o.result.file +" загружен"); >>); > > >] >);

При отправке сначала мы проверяем форму на валидность ( form.isValid() ), и потом только отправляем файл.

Параметр waitMsg хранит текст, который будет отображаться при в индикаторе при загрузке файла на сервер.

Файл upload.php обрабатывает загруженный файл и сохраняет его по определенному пути:

При загрузке файла ExtJS создает скрытый элемент , который помещается во временный элемент . При этом заголовок Content-Type у формы устанавливается в multipart/form . После окончания загрузки и получения ответа с сервера временный фрейм удаляется.

Источник

PHP — File Uploading

A PHP script can be used with a HTML form to allow users to upload files to the server. Initially files are uploaded into a temporary directory and then relocated to a target destination by a PHP script.

Information in the phpinfo.php page describes the temporary directory that is used for file uploads as upload_tmp_dir and the maximum permitted size of files that can be uploaded is stated as upload_max_filesize. These parameters are set into PHP configuration file php.ini

The process of uploading a file follows these steps −

• The user opens the page containing a HTML form featuring a text files, a browse button and a submit button.
• The user clicks the browse button and selects a file to upload from the local PC.
• The full path to the selected file appears in the text filed then the user clicks the submit button.
• The selected file is sent to the temporary directory on the server.
• The PHP script that was specified as the form handler in the form’s action attribute checks that the file has arrived and then copies the file into an intended directory.
• The PHP script confirms the success to the user.

As usual when writing files it is necessary for both temporary and final locations to have permissions set that enable file writing. If either is set to be read-only then process will fail.

An uploaded file could be a text file or image file or any document.

Creating an upload form

The following HTM code below creates an uploader form. This form is having method attribute set to post and enctype attribute is set to multipart/form-data

 if($file_size > 2097152) < $errors[]='File size must be excately 2 MB'; >if(empty($errors)==true)< move_uploaded_file($file_tmp,"images/".$file_name); echo "Success"; >else < print_r($errors); >> ?>   
  
   

It will produce the following result −

Creating an upload script

There is one global PHP variable called $_FILES. This variable is an associate double dimension array and keeps all the information related to uploaded file. So if the value assigned to the input’s name attribute in uploading form was file, then PHP would create following five variables −

• $_FILES[‘file’][‘tmp_name’] − the uploaded file in the temporary directory on the web server.
• $_FILES[‘file’][‘name’] − the actual name of the uploaded file.
• $_FILES[‘file’][‘size’] − the size in bytes of the uploaded file.
• $_FILES[‘file’][‘type’] − the MIME type of the uploaded file.
• $_FILES[‘file’][‘error’] − the error code associated with this file upload.

Example

Below example should allow upload images and gives back result as uploaded file information.

It will produce the following result −

Источник