Php + ajax implements the upload image function with a progress bar [with demo source code download ],

Php + ajax implements the upload image function with a progress bar [with demo source code download ],

This example describes how to upload images with progress bars using php + ajax. We will share this with you for your reference. The details are as follows:

Run the following command:

The Code is as follows:

<?phpif(isset($_FILES["FileInput"]) && $_FILES["FileInput"]["error"]== UPLOAD_ERR_OK){  ############ Edit settings ##############  $UploadDirectory  = 'F:/Websites/file_upload/uploads/'; //specify upload directory ends with / (slash)  ##########################################  /*  Note : You will run into errors or blank page if "memory_limit" or "upload_max_filesize" is set to low in "php.ini".  Open "php.ini" file, and search for "memory_limit" or "upload_max_filesize" limit  and set them adequately, also check "post_max_size".  */  //check if this is an ajax request  if (!isset($_SERVER['HTTP_X_REQUESTED_WITH'])){    die();  }  //Is file size is less than allowed size.  if ($_FILES["FileInput"]["size"] > 5242880) {    die("File size is too big!");  }  //allowed file type Server side check  switch(strtolower($_FILES['FileInput']['type']))    {      //allowed file types      case 'image/png':      case 'image/gif':      case 'image/jpeg':      case 'image/pjpeg':      case 'text/plain':      case 'text/html': //html file      case 'application/x-zip-compressed':      case 'application/pdf':      case 'application/msword':      case 'application/vnd.ms-excel':      case 'video/mp4':        break;      default:        die('Unsupported File!'); //output error  }  $File_Name     = strtolower($_FILES['FileInput']['name']);  $File_Ext      = substr($File_Name, strrpos($File_Name, '.')); //get file extention  $Random_Number   = rand(0, 9999999999); //Random number to be added to name.  $NewFileName    = $Random_Number.$File_Ext; //new file name  if(move_uploaded_file($_FILES['FileInput']['tmp_name'], $UploadDirectory.$NewFileName ))    {    die('Success! File Uploaded.');  }else{    die('error uploading File!');  }}else{  die('Something wrong with upload! Is "upload_max_filesize" set correctly?');}

Click here to download the complete instance code.