Real Time Chat Application PHP With File Transfer System – AJAX

By Saruque Ahamed Mollick

Hello, Today I am here to provide you the free source code of real-time Chat Application in PHP with file transferring system.

So how does this PHP Script work?

• Just Login By Entering your name on the index.php page
• Now you will get a text box which will take text input from you, which is nothing but your messages.
• The text entered by you in that text box will be stored in a text file.
• Messages are then fetched from the text file.
• The text messages are then shown in that page in a div area.
• AJAX is used to send a text message and fetch the message.
• SESSION is also used to store the username.
• In Right Sidebar area a file transferring system is given.
• You can upload files.
• The uploaded files will be listed in the sidebar and anyone can download it.

Preview of this PHP Script Is below

( I have used some part of codes from a free PHP Script I have got from a website, But currently, I can’t remember the site that’s why I can’t give credit to that site right here)

Also read,

Free Currency Converter PHP using Fixer io API

How To Add text to image in PHP  Watermarking

Free Source Code – Chat Application In PHP using AJAX with file transferring System

First, create a PHP file which can handle your upload request.

Then to show the files in the sidebar you can use this code-

.sidenav {
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 10px;
    color: #818181;
    display: block;
}

.sidenav a:hover {
    color: #f1f1f1;
    font-size: 10px;
}
.sidenav form {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}


</style>
<div class="sidenav">
  <form action="upload.php" method="post" enctype="multipart/form-data">
    Upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload" name="submit">
</form>
<?php
$files = scandir('./uploads');
sort($files); // this does the sorting
foreach($files as $file){
   echo'<a href="uploads/'.$file.'"><br>'.$file.'</a>';
}
?>

</div>

You need to create a directory which can hold your uploaded files. (e.g, uploads)

Thereafter, you need a text file. (e.g, chatdata.txt)

You need a PHP file to process your chat. (e.g, chat.php)

and finally, you need a home page. like index.php

Donate us, so that we can continue our service and support

Donation Link

You can download the full source code from the below link for free

chat-application-in-php-source-code.zip

Or you can also clone it from our GitHub Link below

GitHub Link To download PHP Chat Application Using Ajax

2 responses to “Real Time Chat Application PHP With File Transfer System – AJAX”

1. OnceBuilder says:

   October 10, 2018 at 5:04 am

   Hi, can you enchant it for me please?

   Reply
2. zulfikar says:

   April 7, 2021 at 9:10 pm

   hi my friend,
   how can I upload the document file?

   Reply