Drupal 7 - Add custom fields to Search API solr index

     This is blog describes about how to add custom field to Search API solr index in Drupal 7.

     Suppose we need a new field, we can add new fields for a content type at /admin/structure/content/types. Then all fields are showed at /admin/config/search/search_api/index/default_node_index/fields. Now you can add desired fields to solr index.

     Suppose you want to show custom field to Search API results but that field is not created for any specific content types. Is it possible in Search API? Yes you can done this with use of hook_entity_property_info_alter().

/**
 * Implement phponwebsites_get_nodecountviews_nid()
 *
 * Return count of views by particular nid
 */
function phponwebsites_get_nodecountviews_nid($nid) {
  $result = db_query("SELECT COUNT(*) as count FROM {nodeviewcount} WHERE nid=:nid", array(':nid' => $nid))->FetchAssoc();
  return $result['count'];
}

/**
 * Implements hook_entity_property_info_alter().
 */
function phponwebsites_entity_property_info_alter(&$info) {
  $info['node']['properties']['is_nodeviewcount'] = array(
    'type' => 'integer',
    'label' => t('Node view count'),
    'description' => t("Number of views."),
    'sanitized' => TRUE,
    'getter callback' => 'phponwebsites_get_is_nodeviewcount_callback',
  );
}

/**
 * Implement phponwebsites_get_is_nodeviewcount_callback()
 */
function phponwebsites_get_is_nodeviewcount_callback($item) {
  $count = phponwebsites_get_nodecountviews_nid($item->nid);
  $total = (int) $count;
  return $total;
}

          After added above code into your custom module, go to /admin/config/search/search_api/index/default_node_index/fields. Now you could see new custom field is displayed as in below images.

         Now you can add your custom field into search api solr index and index that field. The custom field is listed in views add field section. Now you can add custom field into search results.

Related articles:
Add new menu item into already created menu in Drupal 7
Add class into menu item in Drupal 7 Create menu tab programmatically in Drupal 7
Redirect users after login in Drupal 7

Drupal 7 - Create menu tab programmatically

    This blog describes about how to create menu tab programmatically in drupal 7. We can create menu items using hook_menu().

Menu tab creation in Drupal 7:

     Consider below code snippet to create menu tab in drupal 7.

/**
 * Implement hook_menu()
 */
function phponwebsites_menu() {

  $items['test'] = array(
    'title' => t('Create Menu Tab'),
    'page callback' => 'testpage_tab1',
    'access callback' => TRUE,
  );

  $items['test/tab1'] = array(
    'title' => t('First Tab'),
    'type' => MENU_DEFAULT_LOCAL_TASK,
    'page callback' => 'testpage_tab1',
    'access callback' => TRUE,
  );

  $items['test/tab2'] = array(
    'title' => t('Second Tab'),
    'type' => MENU_LOCAL_TASK,
    'page callback' => 'testpage_tab2',
    'access callback' => TRUE,
  );

  $items['test/tab3'] = array(
    'title' => t('Third Tab'),
    'type' => MENU_LOCAL_TASK,
    'page callback' => 'testpage_tab3',
    'access callback' => TRUE,
  );

  return $items;
}

/**
 * Implement testpage_tab1()
 */
function testpage_tab1() {
  $str = t('Hi this is first tab');
  return $str;
}

/**
 * Implement testpage_tab2()
 */
function testpage_tab2() {
  $str = t('Hi this is second tab');
  return $str;
}

/**
 * Implement testpage_tab3()
 */
function testpage_tab3() {
  $str = t('Hi this is third tab');
  return $str;
}

Where,
   In hook_menu,
      Title – page title
      Type – type of menu item,
       MENU_CALLBACK, MENU_DEFAULT_LOCAL_TASK, MENU_LOCAL_TASK, MENU_LOCAL_ACTION, MENU_NORMAL_ITEM, MENU_SUGGESTED_ITEM are types of
menu item in drupal 7.

MENU_CALLBACK – register path for a menu item
MENU_DEFAULT_LOCAL_TASK – default tab for a menu
MENU_LOCAL_TASK – additional tabs for menu
MENU_LOCAL_ACTION – actions for menu items
MENU_NORMAL_ITEM – add menu item into any menus like main_menu, user_menu
MENU_SUGGESTED_ITEM – module may suggest menu items

Page callback – callback for a menu
Access callback – who can access the page

        Now i’ve hope you should know how to create menu tab programmatically in drupal 7.

Related articles:
Add new menu item into already created menu in Drupal 7
Add class into menu item in Drupal 7
Add custom fields into apache solr search api index in Drupal 7
Redirect users after login in Drupal 7

Drupal 7 – Add class into menu item using hook_menu()

  This blog describes about how to add class into menu item that is created programmatically  using hook_menu() in drupal 7.
        We know how to add custom menu item into already created menu in drupal7. Is it possible to add class to that menu item in durpal 7? Yes you can add custom classes into menu item using hook_menu() in drupal 7.

Add class into menu item in drupal 7:

     
       Consider below program to add class into menu item in drupal 7.

/**
 * Implement hook_menu()
 */
function phponwebsites_menu() {
  $items['sample'] = array(
    'title' => t('Sample page'),
    'type' => MENU_NORMAL_ITEM,
    'menu_name' => 'main-menu',
    'page callback' => 'samplepage',
    'access callback' => TRUE,
    'options' => array(
      'attributes' => array(
        'class' => array('drupal-menu-class')
      )
   ),
  );

  return $items;
}

/**
 * Implement samplepage()
 */
function samplepage() {
  $str = t('Hi this is sample page');
  return $str;
}

Where,
     type – MENU_NORMAL_ITEM
     menu-name – name of the menu to add new link
     options – add any attributes like class, id

You need to clear cache to see created menu items with custom class into main menu.

Add multiple classes into menu item in drupal 7:

     Similarly you can add multiple classes into menu item using hook_menu() in drupal 7. Consider below program to add multiple
classes into menu item.

function phponwebsites_menu() {
  $items['sample'] = array(
    'title' => t('Sample page'),
    'type' => MENU_NORMAL_ITEM,
    'menu_name' => 'main-menu',
    'page callback' => 'samplepage',
    'access callback' => TRUE,
    'options' => array(
      'attributes' => array(
        'class' => array('drupal-menu-class' ,  'drupal-menu-new-class')
      )
   ),
  );

  return $items;
}

       Now i’ve hope you know how to add class programmatically to menu item using hook_menu() in drupal 7.

Related articles:
Add new menu item into already created menu in Drupal 7
Create menu tab programmatically in Drupal 7
Add custom fields into apache solr search api index in Drupal 7
Redirect users after login in Drupal 7

Drupal 7 - add link into menu programmatically using hook_menu()

     This blog describes about how to add a new menu item into menu like main menu, user menu in drupal 7.

     
We can create a menu item using hook_menu in drupal 7. Can we add menu item into already created menu in drupal7? Yes you can add a link into menu using hook_menu().

Add new menu item into main menu in drupal 7:

       Consider below program to add new menu item into main menu in drupal 7.

/**
 * Implement hook_menu()
 */
function phponwebsites_menu() {
  $items['sample'] = array(
    'title' => t('Sample page'),
    'type' => MENU_NORMAL_ITEM,
    'menu_name' => 'main-menu',
    'page callback' => 'samplepage',
    'access callback' => TRUE,
  );

  return $items;
}

/**
 * Implement samplepage()
 */
function samplepage() {
  $str = t('Hi this is sample page');
  return $str;
}

Where,

     type – MENU_NORMAL_ITEM

     menu-name – name of the menu to add new link

  

     You need to clear cache to see created new menu item in main menu. Now i’ve hope you know how to add new link programmatically to already created menu in drupal 7.

Related articles:
Add class into menu item in Drupal 7
Create menu tab programmatically in Drupal 7
Add custom fields into apache solr search api index in Drupal 7
Redirect users after login in Drupal 7

Get multiple selected values from drop down box using PHP

                           You can get value from selection box using $_POST['selection_box_name'] ( if form method is post) in PHP. Now the doubt is rise. How to select multiple values from drop down box and how to get multiple selected input data from drop down box in PHP. This post describes retrieve multiple selected values from drop down box using PHP.

How to select multiple values from drop down box in HTML

                           You know select single value in drop down box. Then how to select multiple values in drop down box. You have to add attribute "multiple" and set name as array in drop down box in order to select multiple values from drop down box. If you want to select more than one values in drop down box, then press "ctrl" while selecting values in drop down box. Let consider below example to make HTML formwith select multiple values in drop down box.

<!DOCTYPE html>
<html>
<body>
<form action="#" method="post">
<select name="country[]" multiple>
  <option value="USA">USA</option>
  <option value="United Kingdom">United Kingdom</option>
  <option value="Russia">Russia</option>
  <option value="Brazil">Brazil</option>
  <option value="India">India</option>
</select>
<input type="submit" name="submit">
</form>
</body>
</html>

Retrieve multiple selected values from drop down box using PHP

                                 You can get value from selection box using $_POST['selection_box_name'] ( if form method is post) in PHP. Then display each selected items through foreach loop in PHP. The PHP script describes how to select multiple selected values from drop down box.

<!DOCTYPE html>
<html>
<body>
<form action="#" method="post">
<select name="country[]" multiple>
  <option value="USA">USA</option>
  <option value="United Kingdom">United Kingdom</option>
  <option value="Russia">Russia</option>
  <option value="Brazil">Brazil</option>
  <option value="India">India</option>
</select>
<input type="submit" name="submit">
</form>
<?php
 if(isset($_POST['submit']))
 {
  $country=$_POST['country'];
  foreach($country as $val)
  {
    echo $val.'<br>';
  }
 }
?>
</body>
</html>

               
                                      While submitting form with selected multiple values from drop down box, you can get multiple selected values using PHP.

Find prime numbers between 1 and 100 in PHP

        This blog describes how to find prime numbers between 1 and 100 using PHP. Prime number is a number which is divided by 1 and itself.  Consider the number 5. It is prime number because it can be divided by 1 and 5.

PHP program for prime numbers:

       Consider the below program which is used to find prime numbers from 1 to 100.

<?php
    for($i = 1; $i <= 100; $i++)
      $mm = 0;
      for($j = 2; $j <= $i/2; $j++) {
        //only not prime numbers
                if ($i % $j == 0) {
                  $mm++;
                  break;
                }
      }
      if ($mm == 0) {
                echo"$i is prime number<br/>";
      }
    }
  ?>

       In above program, if a number is divided by any number except 1 and itself, then it is not prime number. Otherwise it is a prime number.

        Now you got prime numbers between 1 and 100 using PHP.

Related Post

Fibonacci series program in PHP
Factorial of given number in PHP
PHP program for find Armstrong Number

Find Armstrong Numbers between 1 to 1000 in PHP

            This blog describes how to find Armstrong Numbers between 1 to 1000 using PHP?. Before we are going to program part, we should know what is Armstrong Number?. So only we can write program for find Armstrong Number in any languages like C, C++, PHP.

what is Armstrong Number?

           Armstrong Number is sum of 3 power of each digits equals to given number.

For example: 

           153 is Armstrong Number.

           1^3 + 5^3 + 3 ^3

           1 + 125 + 27

           153

PHP Program to find Armstrong Numbers:

          Consider below example which is find Armstrong Numbers between 1 to 1000.

<?php
for($i = 1; $i <= 1000; $i++) {
  $sum = 0;
  $qu = $i;
  while($qu != 0) {
$remainder = $qu % 10;
$thrice = $remainder * $remainder * $remainder;
$sum += $thrice;
$qu = $qu / 10;
  }
  if ($sum == $i) {
    echo "<p>$i is armstrong number</p>";
  }
}
?>

              Now you got Armstrong Numbers between 1 to 1000.

Related Post:

Fibonacci series program in PHP
Factorial of given number in PHP
Get value of multiple drop down box using PHP
Find prime numbers between 1 and 100 using PHP

Get value from drop down box using PHP

                        The drop down box allows you to select one or more values from it. The HTML tag "select" is also known as "drop down" or "pul down" box.You can get value from drop down box using PHP while form submitting.

HTML form with drop down box

                        The below example describes how to create HTML form with drop down box.

<html>
<body>
<form action="#" method="post">
  <select name="country">
     <option value="USA">USA</option>
     <option value="United Kingdom">United Kingdom</option>
     <option value="France">France</option>
     <option value="Russia">Russia</option>
     <option value="India">India</option>
  </select>
  <input type="submit" name="submit" value="Submit">
 </form>
 </body>
 </html>

Retrieve input data from drop down box using PHP

                       You can retrieve input data from drop down box using following types in PHP.

             $_POST['drop_down_name'] (if method is post)

             $_GET['drop_down_name'] (if method is gett)

             $_REQUEST['drop_down_name'] (if method is either post or get)

                         The following PHP script describes how to retrieve input data from drop down box while form submitting.

<html>
<body>
<form action="#" method="post">
   <select name="country">
      <option value="USA">USA</option>
      <option value="United Kingdom">United Kingdom</option>
      <option value="France">France</option>
      <option value="Russia">Russia</option>
      <option value="India">India</option>
   </select>
   <input type="submit" name="submit" value="Submit">
</form>
<?php
      if(isset($_POST['submit']))
      {
         $country=$_POST['country'];
         echo'You selected '.$country;
       }
?>
</body>
</html>

                             While submitting form with select country from drop down box, you can get selected country as output.

Related Post:

Store form values into MySQL table using PHP

Fibonacci series of given number in PHP

         This blog describes about how to find Fibonacci series of given number in PHP. Fibonacci series is a sequence of number generated by adding previous two numbers. If the given number is 'n', then Factorial of 'n' is defined as 'Fn'. In mathematical terms, Fibonacci series for 'n' number looks like this:

                                            Fn = Fn-1 + Fn-2;

         Where,
              F0 = 0;
              F1 = 1;

         Fibonacci series for 'n' number is calculated recursively by above formula.

Simple PHP program Fibonacci series:

         This is the simple PHP program for find Fibonacci series.

function fibonacci_series($n) {
  $f1 = -1;
  $f2 = 1;

  for ($i = 1; $i <= $n; $i++) {
    $f = $f1 + $f2;
    $f1 = $f2;
    $f2 = $f;
    echo "$f<br />";
  }
}

echo fibonacci_series(5);

         The above PHP program returns 0, 1, 1, 2, 3. As i said, Fibonacci series is a sequence of number generated by adding previous two numbers. In above program, we have generated Fibonacci series for 5.
We have assumed $f1 = -1; and $f2 = 1; We need to run for loop until 5.As per above program,

If $i = 1:
              $f = -1 + 1 = 0;
              $f1 = 1;
              $f2 = 0;

If $i = 2:
              $f = 1 + 0 = 1;
              $f1 = 0;
              $f2 = 1;

If $i = 3:
              $f = 0 + 1 = 1;
              $f1 = 1;
              $f2 = 1;

If $i = 4:
              $f = 1 + 1 = 2;
              $f1 = 1;
              $f2 = 2;

If $i = 5:
              $f = 1 + 2 = 3;
              $f1 = 2;
              $f2 = 3;

Fibonacci series for 'n' number in PHP:

         The below PHP program is used to find Fibonacci series of given number.

<html>
<head>
<style type="text/css">
 body {
 color:white;
 font-size:14px;
 }
 .contact {
    text-align:center;
    background: none repeat scroll 0% 0% #8FBF73;
    padding: 20px 10px;
    box-shadow: 1px 2px 1px #8FBF73;
    border-radius: 10px;
    width:510px;
 }
 #number {
    width: 250px;
    margin-bottom: 15px;
    background: none repeat scroll 0% 0% #AFCF9C;
    border: 1px solid #91B57C;
    height: 30px;
    color: #808080;
    border-radius: 8px;
    box-shadow: 1px 2px 3px;
    padding: 3px 4px;
}
#submit
{
    background:none repeat scroll 0% 0% #8FCB73;
    display: inline-block;
    padding: 5px 10px;
    line-height: 1.05em;
    box-shadow: 1px 2px 3px #8FCB73;
    border-radius: 8px;
    border: 1px solid #8FCB73;
    text-decoration: none;
    opacity: 0.9;
    cursor: pointer;
    color:white;
}
#er {
    color: #F00;
    text-align: center;
    margin: 10px 0px;
    font-size: 17px;
}
</style>
</head>
<body>
<div class="contact">
  <h1>Fibonacci series in PHP</h1>
  <form action="#" method="POST">
    Enter number : <input type="text" name="number" id="number" /></br>
    <input  type="submit" name="submit" id="submit" value="Submit"></input>
  </form>

  <?php
   if(isset($_POST['submit'])) {
     $n = $_POST['number'];
   
     function fibonacci_series($a) {
       $f1 = -1;
       $f2 = 1;

       for ($i = 1; $i <= $a; $i++) {
        $f = $f1 + $f2;
        $f1 = $f2;
        $f2 = $f;
        echo "$f<br />";
       }
     }
 
    echo "Fibonacci series of $n is:<br />";
    echo fibonacci_series($n);

   }


  ?>
</div>
</body>  
</html>

          When you open above PHP file in browser, it looks like below image:

        If you type number 6 in textbox, it returns 0, 1, 1, 2, 3, 5. It looks like below image:

        Now you can find Fibonacci series for any number in PHP. I've hope, you got an idea for generate Fibonacci series of given number.

Related Post:
PHP program for Factorial number
Find Armstrong Number between 1 and 1000 in PHP

Factorial of given number in PHP

        This blog describes about how to find factorial of given number in PHP. The factorial is one of the maths concept. It is multiplication of numbers from 1 to given number. If the given number defined as 'n', then 'n' factorial represented as 'n!'. The factorial formula for 'n' number looks like:

                                             n! = 1 * 2 * 3 ... n;

For example, the factorial of 5 looks like this:

                                             5! = 1 * 2 * 3 * 4* 5  = 120;

Simple PHP program for Factorial:

      Consider the below example which is the sample PHP program for find factorial of number:

function factorial($a) {
  $fact = 1;
   for($i = 1; $i <= $a; $i++) {
     $fact = $fact * $i;
   }
   return $fact;
 }
 $f = factorial(4);
 echo $f;

     Where,
           'n' is 4.
           n! = 4! = 1 * 2 * 3 * 4 = 24.

Factorial for 'n' number in PHP:

      Consider the below example which is the PHP program for find factorial of given number. For example, if you enter 4, it will return factorial of 4. Like if you enter 'n' number, it will return factorial of 'n'.

<html>

<head>

<style type="text/css">

 body {

 color:white;

 font-size:14px;

 }

 .contact {

    text-align:center;

    background: none repeat scroll 0% 0% #8FBF73;

    padding: 20px 10px;

    box-shadow: 1px 2px 1px #8FBF73;

    border-radius: 10px;

 width:520px;

 }

 #number {

    width: 250px;

    margin-bottom: 15px;

    background: none repeat scroll 0% 0% #AFCF9C;

    border: 1px solid #91B57C;

    height: 30px;

    color: #808080;

    border-radius: 8px;

    box-shadow: 1px 2px 3px;

    padding: 3px 4px;

}

#submit

{

    background:none repeat scroll 0% 0% #8FCB73;

    display: inline-block;

    padding: 5px 10px;

    line-height: 1.05em;

    box-shadow: 1px 2px 3px #8FCB73;

    border-radius: 8px;

    border: 1px solid #8FCB73;

    text-decoration: none;

    opacity: 0.9;

    cursor: pointer;

 color:white;

}

#er {

    color: #F00;

    text-align: center;

    margin: 10px 0px;

    font-size: 17px;

}

</style>

</head>

<body> 

<div class="contact">

  <h1>Factorial in PHP</h1>

  <form action="#" method="POST">

    Enter number : <input type="text" name="number" id="number" /></br>

    <input  type="submit" name="submit" id="submit" value="Submit"></input>

  </form>

  <?php

   if(isset($_POST['submit'])) {

     $n = $_POST['number'];

     

     function factorial($a) {

       $fact = 1;

       for($i = 1; $i <= $a; $i++) {

         $fact = $fact * $i;

       }

       return $fact;

     }

     $f = factorial($n);

     echo "<div class=''>Factorial of $n is $f</div>";

   }

  ?>

</div>

</body>     

</html>

           When you open above program in browser, it looks like this:

         Whatever you enter number in the textbox, it returns factorial of given number.

Related Post:
PHP program for Fibonacci series
Find Armstrong Number between 1 and 1000 in PHP

Ajax upload file or image in PHP using jQuery

     You can upload files and images using PHP. Basically it can be uploaded by form submitting. For more details visit how to upload file or image using PHP. When i tried to upload images using Ajax with jQuery, i can't get it work. All of you may be face this problem. This blog describes how to upload file or image in PHP using jQuery with Ajax.

     Consider the following example for upload files using Ajax and PHP.

Html form for upload image:

   
      To upload file or image, your html form should be like below form:

<form name="multiform" id="multiform" action="#" method="POST" enctype="multipart/form-data">
    Image : <input type="file" name="file" id="file" /></br>
    <input  type="button" id="multi-post" value="Upload"></input>
</form>

      where,
          enctype="multpart/form-data  -  must be present in form. Otherwise file does not upload.
          type="file" in <input>  tag is used to take input as a file.

Ajax and jQuery for upload image:

   
     Before add Ajax code to your html file, you need to add jquery-1.7.2.min.js library file. To upload image, you have to write Ajax code like below:

$(document).ready(function(){

  $("#multiform").submit(function(e) {

    var formObj = $(this);

   

    if(window.FormData !== undefined) {

      var formData = new FormData(this);

      $.ajax({

        url: 'upload.php', //url to process the sent data

        type: 'POST',     //form type

        data:  formData, //form data to send

        mimeType:"multipart/form-data",  //type of form data

        contentType: false,  //content type of form

        cache: false,  //disable cache the request page

        processData: false,  //to send DOMDcoument or non processed data file

        success: function(data, textStatus, jqXHR) {

          $("#er").html(data);

        },

        error: function(jqXHR, textStatus, errorThrown) {

          $("#er").html('textStatus=' + textStatus + ', errorThrown=' + errorThrown);

        }          

      });

   
      //reset file field after form submitted

      $('#file').val('')
      //prevent the page is refreshed

      e.preventDefault();

      //e.unbind();

    }

  });

  $("#multi-post").click(function() {

    //submit the form and send data

    $("#multiform").submit();

  });

});

      When user click the upload button, the form is submitted, ajax is called and send form data as well.

Html file with Ajax for upload image:

      We need to combine html form and ajax code to make a full html file for upload file or image. You may add some styles to html file in order to give attractive presence to users. After combined above all things, your html code should be like below one:

upload-ajax.html:

<html>

<head>

<style type="text/css">

 body {

 color:white;

 font-size:14px;

 }

 .contact {

    text-align:center;

    background: none repeat scroll 0% 0% #8FBF73;

    padding: 20px 10px;

    box-shadow: 1px 2px 1px #8FBF73;

    border-radius: 10px;

 width:520px;

 }

 #file {

    width: 250px;

    margin-bottom: 15px;

    background: none repeat scroll 0% 0% #AFCF9C;

    border: 1px solid #91B57C;

    height: 30px;

    color: #808080;

    border-radius: 8px;

    box-shadow: 1px 2px 3px;

    padding: 3px 4px;

}

#multi-post

{

    background:none repeat scroll 0% 0% #8FCB73;

    display: inline-block;

    padding: 5px 10px;

    line-height: 1.05em;

    box-shadow: 1px 2px 3px #8FCB73;

    border-radius: 8px;

    border: 1px solid #8FCB73;

    text-decoration: none;

    opacity: 0.9;

    cursor: pointer;

 color:white;

}

#er {

    color: #F00;

    text-align: center;

    margin: 10px 0px;

    font-size: 17px;

}

</style>

</head>

<body> 

<script type="text/javascript" src="../test/js/jquery-1.7.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("#multiform").submit(function(e) {

    var formObj = $(this);

   

    if(window.FormData !== undefined) {

      var formData = new FormData(this);

      $.ajax({

        url: 'upload.php',

        type: 'POST',

        data:  formData,

        mimeType:"multipart/form-data",

        contentType: false,

        cache: false,

        processData:false,

        success: function(data, textStatus, jqXHR) {

          $("#er").html('<pre><code>'+data+'</code></pre>');

        },

        error: function(jqXHR, textStatus, errorThrown) {

          $("#er").html('textStatus=' + textStatus + ', errorThrown=' + errorThrown);

        }          

      });

      $('#file').val('')

      e.preventDefault();

      //e.unbind();

    }

  });

  $("#multi-post").click(function() {

    //sending form from here

    $("#multiform").submit();

    console.log();

  });

});

</script>

<div class="contact">

  <h1>Upload files using Ajax and PHP</h1>

  <div id="er"></div>

  <form name="multiform" id="multiform" action="#" method="POST" enctype="multipart/form-data">

    Image : <input type="file" name="file" id="file" /></br>

    <input  type="button" id="multi-post" value="Upload"></input>

  </form>

</div>

</body>     

</html>

     
      When you view the upload-ajax.html in browser, it should be like below image:

 

PHP snippet for upload file:

      When ajax is called, url which is in ajax call received form data. Then the file or image is to be uploaded using following PHP code.

upload.php:

<?php

 $file=$_FILES['file']['name'];

 if($file!='')

 {

  //upload file

  move_uploaded_file($_FILES['file']['tmp_name'],$_SERVER['DOCUMENT_ROOT'].'/test/uploaded_img/'.$file);

  //check whether file is exists or not in a folder

  if(file_exists($_SERVER['DOCUMENT_ROOT'].'/test/uploaded_img/'.$file)) {

   echo'Uploaded successfully';

  }

  else {

   echo'File is not uploaded';

  }

 }

     Where,

        move_uploaded_file() - used to upload the file

        file_exists() - used to check whether the file is already exists in a folder or not after upload the file

        $_SERVER['DOCUMENT_ROOT'] - used to represent the directory 

        Now you can add either file or image using PHP and jQuery with Ajax.

Related Post:
PHP - Upload file
PHP - Upload images into MySQL database
Upload multiple files or images using PHP
Retrieve images from MySQL database using PHP