как к текстовому чату добавить обмен изображениями ?

PHP:

1. <?php
2. session_start();
3.  
4. require_once("./Connector/DbConnectorPDO.php");
5. require("./helper/helperFunctions.php");
6. $userId = isset($_SESSION["userId"]) && !IsVariableIsSetOrEmpty($_SESSION["userId"]) ? $_SESSION["userId"] : 0;
7. $connection = getConnection();
8. $userObj = $userId !== 0 && !IsVariableIsSetOrEmpty($_SESSION["user"]) ? $_SESSION["user"] : "";
9. $msgList = [];
10. $recentMsgList = [];
11. $msgToUserId = isset($_GET["id"]) && !IsVariableIsSetOrEmpty($_GET["id"]) ? $_GET["id"] : 0;
12.  
13.  
14.  
15. if (isset($_POST["SendMessage"]) && !IsVariableIsSetOrEmpty($_POST["SendMessage"])) {
16.     $msg = $_POST["msg"]; {
17.      
18.        header("Location: " . $_SERVER["REQUEST_URI"]);
19.      
20.  
21.     }
22.  
23.  
24.  
25.        
26.  
27.     if (isset($msg) && !IsVariableIsSetOrEmpty($msg)) {
28.         $insertMessageQuery = "INSERT INTO messages(msg_from_user_id,msg,msg_to_user_Id,msg_date,is_msg_read)
29.                               values(:userId,:msg,:msgToUserId,NOW(),0)";
30.         $insertStmt = $connection->prepare($insertMessageQuery);
31.         $insertStmt->bindParam(':userId', $userId);
32.         $insertStmt->bindParam(':msg', $msg);
33.         $insertStmt->bindParam(':msgToUserId', $msgToUserId);
34.         $insertStmt->execute();
35.    
36.     }
37.  
38. }
39.  
40. if ($userId === 0 || (!isset($_GET["id"]) && !isset($msgTouserId))) {
41.            
42.      
43.  
44. }
45.  
46. if ($msgToUserId !== 0) {
47.  
48.     $recentMsgQuery = "SELECT
49.    *
50. FROM
51.    (
52.    SELECT profile
53.        .id,
54.        profile.firstName,
55.        profile.lastName,
56.        profile.imgUrl,
57.        (
58.        SELECT
59.            msg
60.        FROM
61.            messages
62.        WHERE
63.            messages.msg_from_user_id = profile.id OR messages.msg_to_user_id = profile.id
64.        ORDER BY
65.            id
66.        DESC
67.    LIMIT 1
68.    ) AS lastMessage,
69.    (
70.    SELECT
71.        msg_date
72.    FROM
73.        messages
74.    WHERE
75.        messages.msg_from_user_Id = profile.Id OR messages.msg_to_user_Id = profile.Id
76.    ORDER BY
77.        id
78.    DESC
79. LIMIT 1
80. ) AS msgDate
81. FROM profile
82. WHERE
83.    id <> :userId
84. ) X
85. LEFT JOIN (
86.    SELECT DISTINCT ids
87.    from (
88.            select msg_from_user_id as ids
89.            from messages
90.            where msg_from_user_id =:userId  or msg_to_user_id=:userId
91.            UNION
92.            select msg_to_user_id as ids
93.            from messages
94.            where msg_from_user_id =:userId  or msg_to_user_id=:userId
95.        )uniqueIdList
96.        where ids <> :userId
97.   )IdList on X.id=IdList.ids
98. WHERE
99.    ids IS NOT NULL
100.    AND
101.    lastMessage IS NOT NULL
102.    ORDER BY msgDate desc";
103.     $recentQueryStmt = $connection->prepare($recentMsgQuery);
104.     $recentQueryStmt->bindParam(':userId', $userId);
105.     $recentQueryStmt->execute();
106.     $recentMsgList = $recentQueryStmt->fetchAll();
107.    
108.  
109.  
110.     $query = "SELECT m.id as msg_id
111.      ,msg_from_user_id
112.      ,msg_to_user_id
113.      ,msg
114.      ,msg_date
115.      ,is_msg_read
116.      ,msg_read_date
117.      ,fromUser.id as fromUserId
118.      ,fromUser.firstName as fromFirstName
119.      ,fromUser.lastName as fromLastName
120.      ,fromUser.imgUrl as fromUserImgUrl
121.      ,toUser.id as toUserId
122.      ,toUser.firstName as toUserFirstName
123.      ,toUser.lastName as toUserLastName
124.      ,toUser.imgUrl as toUserImgUrl
125. FROM messages m
126. LEFT JOIN profile as fromUser on m.msg_from_user_id=fromUser.id
127. LEFT JOIN profile as toUser on m.msg_to_user_id=toUser.id
128. WHERE (msg_from_user_id =:userId and msg_to_user_id=:sentToUserId) or (msg_from_user_id=:sentToUserId and msg_to_user_id=:userId)";
129. //ORDER BY msg_date DESC";
130.  
131.     $stmt = $connection->prepare($query);
132.     $stmt->bindParam(':userId', $userId);
133.     $stmt->bindParam(':sentToUserId', $_GET["id"]);
134.     $stmt->execute();
135.     $msgList = $stmt->fetchAll();
136.    
137.  
138.     if (count($msgList) > 0) {
139.         $lastMsgRow = end($msgList);
140.         if ($lastMsgRow["msg_from_user_id"] === $msgToUserId && $lastMsgRow["msg_to_user_id"] === $userId && intval($lastMsgRow["is_msg_read"]) === 0) {
141.             $updateAllMsgReadQuery = "UPDATE messages set is_msg_read=1,msg_read_date=NOW() where msg_from_user_id=:sentToUserId and msg_to_user_id=:userId and is_msg_read=0";
142.             $stmt = $connection->prepare($updateAllMsgReadQuery);
143.             $stmt->bindParam(':sentToUserId', $msgToUserId);
144.             $stmt->bindParam(':userId', $userId);
145.             $stmt->execute();
146.            
147.         }
148.     }
149. }
150.  
151.  
152. ?>

HTML:

1. <div class="type_msg">
2.                             <div class="input_msg_write">
3.                                 <form action="chat-users.php?id=<?= $msgToUserId ?>" method="post">
4.                                     <input type="text" name="msg" class="write_msg" placeholder="Введите сообщение"
5.                                           required/>
6.                                     <button id="sendBtn" class="msg_send_btn" type="button">
7.                                         <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
8.                                     </button>
9.                                     <input type="Submit" id="sendMessage" style="display: none;" value="Send"
10.                                           name="SendMessage"/>
11.                                 </form>
12.                             </div>
13.                         </div>