<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">In this guide, you’ll learn how to make HTTP POST requests using the ESP32-CAM board with Arduino IDE to send photos to a server. We’ll show how to post a JPG image to a local server (Raspberry Pi LAMP server) or to a cloud server (that you can access from anywhere). To save the images in the server, we’ll use PHP.</p>
<div class="wp-block-image" style="border: 0px; margin: 0px 0px 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">
   <figure class="aligncenter size-full" style="display: table; margin: 0px auto; clear: both; max-width: 100%; height: auto;"><img loading="lazy" width="724" src="https://i1.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-HTTP-Post-Request-Images-to-Local-Cloud-Server-Arduino-IDE.jpg?resize=828%2C466&amp;quality=100&amp;strip=all&amp;ssl=1" alt="ESP32-CAM Camera Board Send HTTP Post Request Images to Local or Cloud Server using Arduino IDE" class="wp-image-97956" srcset="https://i1.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-HTTP-Post-Request-Images-to-Local-Cloud-Server-Arduino-IDE.jpg?w=1280&amp;quality=100&amp;strip=all&amp;ssl=1 1280w, https://i1.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-HTTP-Post-Request-Images-to-Local-Cloud-Server-Arduino-IDE.jpg?resize=300%2C169&amp;quality=100&amp;strip=all&amp;ssl=1 300w, https://i1.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-HTTP-Post-Request-Images-to-Local-Cloud-Server-Arduino-IDE.jpg?resize=1024%2C576&amp;quality=100&amp;strip=all&amp;ssl=1 1024w, https://i1.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-HTTP-Post-Request-Images-to-Local-Cloud-Server-Arduino-IDE.jpg?resize=768%2C432&amp;quality=100&amp;strip=all&amp;ssl=1 768w" sizes="(max-width: 828px) 100vw, 828px" style="height: auto; max-width: 100%;" /></figure>
   </div>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">To build this project, you need to follow the next steps. Follow the LAMP Server or the Hosting Server instructions depending if you want to access the photos locally or from anywhere.</p>
<ol style="border: 0px; margin: 0px 0px 1.5em 3em; padding: 0px; list-style-position: initial; list-style-image: initial; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">
   <li style="border: 0px; margin: 0px; padding: 0px;">Hosting your PHP Application
      <ol style="border: 0px; margin: 0px 0px 0px 1.5em; padding: 0px; list-style-position: initial; list-style-image: initial;">
         <li style="border: 0px; margin: 0px; padding: 0px;"><a href="https://randomnerdtutorials.com/esp32-cam-http-post-php-arduino/#1-1" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">Raspberry Pi LAMP Server (local access)</a></li>
         <li style="border: 0px; margin: 0px; padding: 0px;"><a href="https://randomnerdtutorials.com/esp32-cam-http-post-php-arduino/#1-2" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">Hosting Server (access from anywhere)</a></li>
         </ol>
      </li>
   <li style="border: 0px; margin: 0px; padding: 0px;">PHP scripts to save and display photos in the server
      <ol style="border: 0px; margin: 0px 0px 0px 1.5em; padding: 0px; list-style-position: initial; list-style-image: initial;">
         <li style="border: 0px; margin: 0px; padding: 0px;"><a href="https://randomnerdtutorials.com/esp32-cam-http-post-php-arduino/#2-1" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">Raspberry Pi LAMP Server (local access)</a></li>
         <li style="border: 0px; margin: 0px; padding: 0px;"><a href="https://randomnerdtutorials.com/esp32-cam-http-post-php-arduino/#2-2" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">Hosting Server (access from anywhere)</a></li>
         </ol>
      </li>
   <li style="border: 0px; margin: 0px; padding: 0px;"><a href="https://randomnerdtutorials.com/esp32-cam-http-post-php-arduino/#3" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">Program the ESP32-CAM with Arduino IDE</a></li>
   <li style="border: 0px; margin: 0px; padding: 0px;"><a href="https://randomnerdtutorials.com/esp32-cam-http-post-php-arduino/#4" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">Testing and Final Demonstration</a></li>
   </ol>
<h2 style="border: 0px; margin: 34px 0px 18px; padding: 0px; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 36px; line-height: 1.3em; position: relative; color: #3a3a3a; background-color: #ffffff;">1. Hosting Your PHP Application</h2>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">The goal of this project is to have a local or cloud server to store and access your ESP32-CAM photos.</p>
<p id="1-1" style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;"><span style="border: 0px; margin: 0px; padding: 0px; font-weight: 700;">1. Raspberry Pi local server</span>:</p>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">With a&nbsp;<a href="https://randomnerdtutorials.com/raspberry-pi-apache-mysql-php-lamp-server/" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">Raspberry Pi LAMP server</a>, you can access your images locally (as illustrated below).</p>
<div class="wp-block-image" data-slot-rendered-dynamic="true" style="border: 0px; margin: 0px 0px 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">
   <figure class="aligncenter size-large" style="display: table; margin: 0px auto; clear: both; max-width: 100%; height: auto;"><img loading="lazy" width="724" src="https://i2.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-Photo-Image-to-Raspberry-Pi-LAMP-Server-PHP-Script-Arduino.png?resize=828%2C720&amp;quality=100&amp;strip=all&amp;ssl=1" alt="ESP32-CAM Camera Board Send Photo Image to Raspberry Pi LAMP Server PHP Script Arduino" class="wp-image-97923" srcset="https://i2.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-Photo-Image-to-Raspberry-Pi-LAMP-Server-PHP-Script-Arduino.png?w=900&amp;quality=100&amp;strip=all&amp;ssl=1 900w, https://i2.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-Photo-Image-to-Raspberry-Pi-LAMP-Server-PHP-Script-Arduino.png?resize=300%2C261&amp;quality=100&amp;strip=all&amp;ssl=1 300w, https://i2.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-Photo-Image-to-Raspberry-Pi-LAMP-Server-PHP-Script-Arduino.png?resize=768%2C668&amp;quality=100&amp;strip=all&amp;ssl=1 768w" sizes="(max-width: 828px) 100vw, 828px" style="height: auto; max-width: 100%;" /></figure>
   </div>
<div id="content_btf_wrapper" class="adunitwrapper content_btf_wrapper mv-size-300x250 mv-dynamic-size" data-wrapper="content_btf" style="border: 0px; margin: 10px auto 20px; padding: 0px; overflow: hidden; position: relative; height: 264px; width: 300px; text-align: center; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff; min-height: 264px; visibility: hidden;">
   <div id="content_btf" class="content_btf adunit" style="border: 0px; margin: 0px; padding: 0px; position: relative;">&nbsp;</div>
   <div class="adunitlabel" style="border: 0px; margin: 0px auto; padding: 0px; position: absolute; bottom: 0px; width: inherit; color: #a5a5a5; text-align: left; min-width: 160px; font-size: 12px !important; line-height: 12px !important;"><button class="mv-ad-report-button" data-target="content_btf" data-adtype="display" aria-label="Report this ad" style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: 20px; line-height: 12px; margin: 0px; vertical-align: baseline; border-width: initial; border-style: none; border-color: initial; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: pointer; appearance: button; padding: 0px; color: #ffffff; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; float: right; position: relative; width: 300px; top: 0px; outline: none;"></button>
      <div class="mediavine" style="border: 0px; margin: 0px; padding: 0px;"><a href="https://www.mediavine.com/" target="_blank" rel="noopener" aria-label="mediavine" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #a5a5a5;"><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAAUCAMAAAA0oWYGAAAANlBMVEUAAACkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKT0RuBeAAAAEXRSTlMAECAwQFBgcHuEj5+vv8/f7w0rGDcAAANcSURBVEjHzZbLlsMoDEQLMMYBPaj//9lZCDt2Oj1nZtesHCKbS0klwLFnACh9SwDQWkaM1Cj4I2OSDUAjtQAw8gUAyD6V9e9AcgA7SW6AktQEJPeMKQCaqqpKBoDDVNX2c1JVVW0k1PUsvRUAQLOIA4BNVVUK0FRUKwBsomIdaajoyEhdRaUAQFfRkZC6yjm0wUmyBSQTlAH9YgLMAQySJHcAyUiS/ZokSc6Mdv3wUXC+1AOyne/3a/IgSUH2kCa+ewBISnKW9c8agkmSc0G+ApIFOoFEeUN2ANtcUbHeN8i1nb7iznVJWa8bAAhJ1kCZZYXMbQV7RnpCxq9SSZKWZGHIBIQbLh5NpyZvSJ8+fVpaW/TYA7cH5NrZLME2CwLOErKR9BOSCiRZkEaSM8YIJblvS5SAHGjcPXyzIM9FbpBHziWXkhe9lLL7Eu0GeYreVlgD6krNByRf4YkTctZccsklLyUXJBekAJOyfSxS/Am5X+5rj4KY2w0yGTktdMoeBd+X3tnu6SZZcFdylru7b0qOpSTKtgI6yemkoMbDBemiotpPyHFV236DrCR186AakWZb5fOpJA39nm4TUbEd35Uctx7VSfqYtHSQIj+MY+kOOT4hB8kODaV3kiz59PJDSZ8kj3aH5Anzm5IPyNmMswp5/F/I7CQbDpKewrS1Lis/lRyNqzB+Qv4nJbkP0ia93iF9iIgej3RrNJcLcilTYhqD5OgkJX0qqauz3NM9RMT2S8n6r0pyjyYj2X43zgBQZzTOC1JJej/GOtgqSc7w+IeSM+X5hJz5q3F+VzI+cKS7cY6Ucsr5akE575M3/76Ajc+ufzZpz/hRk+Xsw+8WlFJKKYfTyJYXZP8FMuLqA3KamZnbFoaYFgTz1sxfd0i2q5jjfvVQ0q9GfKXbYwFdbx1L0bR9h2zhn8jIx7HI/ddjMVlk+3WMdWotaSu+KYnI14dxOKOk2deyCfMTUmITe1wJvlwwWG+QM46AdcF4G+p0VBh1poCc9wtGwepRzDjLM8Z1WkRgjtK+QzYz84piZg1J3XyPyTXcCup6VjnWVc3NfMfuZlavGavAy8183Y+yuLkWpOHmmgFkdXPJSOLvFWRZs68LSAkD/pkr+XuUPg8AqDozgPya/W8B/gPQAm/tWHkI8wAAAABJRU5ErkJggg==" style="height: 10px !important; max-width: 100%; border: 0px !important; margin: 0px !important; padding: 0px !important; box-shadow: none !important; width: 82px !important; min-width: 82px !important; min-height: 10px !important;" /></a></div>
      </div>
   </div>
<ul style="border: 0px; margin: 0px 0px 1.5em 3em; padding: 0px; list-style: square; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">
   <li style="border: 0px; margin: 0px; padding: 0px;">You can run a&nbsp;<a href="https://randomnerdtutorials.com/raspberry-pi-apache-mysql-php-lamp-server/" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">LAMP (Linux, Apache, MySQL, PHP) server</a>&nbsp;on a Raspberry Pi to&nbsp;<a href="https://randomnerdtutorials.com/esp32-esp8266-raspberry-pi-lamp-server/" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">access data in your local network</a>. Raspberry Pi LAMP Server: Local Linux server that you use to access your images locally.</li>
   </ul>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff; text-align: center;"><a href="https://randomnerdtutorials.com/raspberry-pi-apache-mysql-php-lamp-server/" target="_blank" class="button" rel="noopener noreferrer" style="border: 0px; margin: 0px; padding: 10px 20px; background-color: #2f4468; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #ffffff; display: inline-block; font-size: 20px;">Setup Local RPi LAMP Server »</a></p>
<p id="1-2" style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;"><span style="border: 0px; margin: 0px; padding: 0px; font-weight: 700;">2. Cloud server (Bluehost hosting solution)</span></p>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">You also can visualize the ESP32-CAM photos from anywhere in the world by accessing your own server + domain. Here’s a high level overview on how it works:</p>
<div class="wp-block-image" data-slot-rendered-dynamic="true" style="border: 0px; margin: 0px 0px 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">
   <figure class="aligncenter size-large" style="display: table; margin: 0px auto; clear: both; max-width: 100%; height: auto;"><img loading="lazy" width="724" src="https://i0.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-Photo-Image-to-Cloud-Server-PHP-Script-Arduino.png?resize=828%2C706&amp;quality=100&amp;strip=all&amp;ssl=1" alt="ESP32-CAM Camera Board Send Photo Image to Cloud Server PHP Script Arduino" class="wp-image-97921" srcset="https://i0.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-Photo-Image-to-Cloud-Server-PHP-Script-Arduino.png?w=900&amp;quality=100&amp;strip=all&amp;ssl=1 900w, https://i0.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-Photo-Image-to-Cloud-Server-PHP-Script-Arduino.png?resize=300%2C256&amp;quality=100&amp;strip=all&amp;ssl=1 300w, https://i0.wp.com/randomnerdtutorials.com/wp-content/uploads/2020/06/ESP32-CAM-Camera-Board-Send-Photo-Image-to-Cloud-Server-PHP-Script-Arduino.png?resize=768%2C655&amp;quality=100&amp;strip=all&amp;ssl=1 768w" sizes="(max-width: 828px) 100vw, 828px" style="height: auto; max-width: 100%;" /></figure>
   </div>
<div id="content_2_btf_wrapper" class="adunitwrapper content_btf_wrapper mv-size-336x280" data-wrapper="content_2_btf" style="border: 0px; margin: 10px auto 20px; padding: 0px; overflow: hidden; position: relative; height: 294px; width: 336px; text-align: center; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff; min-height: 294px; visibility: hidden;">
   <div id="content_2_btf" class="content_btf adunit" style="border: 0px; margin: 0px; padding: 0px; position: relative;">&nbsp;</div>
   <div class="adunitlabel" style="border: 0px; margin: 0px auto; padding: 0px; position: absolute; bottom: 0px; width: inherit; color: #a5a5a5; text-align: left; min-width: 160px; font-size: 12px !important; line-height: 12px !important;"><button class="mv-ad-report-button" data-target="content_2_btf" data-adtype="display" aria-label="Report this ad" style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: 20px; line-height: 12px; margin: 0px; vertical-align: baseline; border-width: initial; border-style: none; border-color: initial; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: pointer; appearance: button; padding: 0px; color: #ffffff; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; float: right; position: relative; width: 336px; top: 0px; outline: none;"></button>
      <div class="mediavine" style="border: 0px; margin: 0px; padding: 0px;"><a href="https://www.mediavine.com/" target="_blank" rel="noopener" aria-label="mediavine" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #a5a5a5;"><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAAUCAMAAAA0oWYGAAAANlBMVEUAAACkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKT0RuBeAAAAEXRSTlMAECAwQFBgcHuEj5+vv8/f7w0rGDcAAANcSURBVEjHzZbLlsMoDEQLMMYBPaj//9lZCDt2Oj1nZtesHCKbS0klwLFnACh9SwDQWkaM1Cj4I2OSDUAjtQAw8gUAyD6V9e9AcgA7SW6AktQEJPeMKQCaqqpKBoDDVNX2c1JVVW0k1PUsvRUAQLOIA4BNVVUK0FRUKwBsomIdaajoyEhdRaUAQFfRkZC6yjm0wUmyBSQTlAH9YgLMAQySJHcAyUiS/ZokSc6Mdv3wUXC+1AOyne/3a/IgSUH2kCa+ewBISnKW9c8agkmSc0G+ApIFOoFEeUN2ANtcUbHeN8i1nb7iznVJWa8bAAhJ1kCZZYXMbQV7RnpCxq9SSZKWZGHIBIQbLh5NpyZvSJ8+fVpaW/TYA7cH5NrZLME2CwLOErKR9BOSCiRZkEaSM8YIJblvS5SAHGjcPXyzIM9FbpBHziWXkhe9lLL7Eu0GeYreVlgD6krNByRf4YkTctZccsklLyUXJBekAJOyfSxS/Am5X+5rj4KY2w0yGTktdMoeBd+X3tnu6SZZcFdylru7b0qOpSTKtgI6yemkoMbDBemiotpPyHFV236DrCR186AakWZb5fOpJA39nm4TUbEd35Uctx7VSfqYtHSQIj+MY+kOOT4hB8kODaV3kiz59PJDSZ8kj3aH5Anzm5IPyNmMswp5/F/I7CQbDpKewrS1Lis/lRyNqzB+Qv4nJbkP0ia93iF9iIgej3RrNJcLcilTYhqD5OgkJX0qqauz3NM9RMT2S8n6r0pyjyYj2X43zgBQZzTOC1JJej/GOtgqSc7w+IeSM+X5hJz5q3F+VzI+cKS7cY6Ucsr5akE575M3/76Ajc+ufzZpz/hRk+Xsw+8WlFJKKYfTyJYXZP8FMuLqA3KamZnbFoaYFgTz1sxfd0i2q5jjfvVQ0q9GfKXbYwFdbx1L0bR9h2zhn8jIx7HI/ddjMVlk+3WMdWotaSu+KYnI14dxOKOk2deyCfMTUmITe1wJvlwwWG+QM46AdcF4G+p0VBh1poCc9wtGwepRzDjLM8Z1WkRgjtK+QzYz84piZg1J3XyPyTXcCup6VjnWVc3NfMfuZlavGavAy8183Y+yuLkWpOHmmgFkdXPJSOLvFWRZs68LSAkD/pkr+XuUPg8AqDozgPya/W8B/gPQAm/tWHkI8wAAAABJRU5ErkJggg==" style="height: 10px !important; max-width: 100%; border: 0px !important; margin: 0px !important; padding: 0px !important; box-shadow: none !important; width: 82px !important; min-width: 82px !important; min-height: 10px !important;" /></a></div>
      </div>
   </div>
<ul style="border: 0px; margin: 0px 0px 1.5em 3em; padding: 0px; list-style: square; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">
   <li style="border: 0px; margin: 0px; padding: 0px;"><a rel="noreferrer noopener" aria-label=" (opens in a new tab)" href="https://randomnerdtutorials.com/bluehost" target="_blank" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;">Bluehost (user-friendly with cPanel)</a>: free domain name when you sign up for the 3-year plan. I recommend choosing the unlimited websites option; Note that any hosting service that offers PHP will work with this tutorial. If you don’t have a hosting account, I recommend&nbsp;<a href="https://randomnerdtutorials.com/bluehost" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">signing up for Bluehost</a>.</li>
   </ul>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff; text-align: center;"><a href="https://randomnerdtutorials.com/bluehost" target="_blank" class="button" rel="noopener noreferrer" style="border: 0px; margin: 0px; padding: 10px 20px; background-color: #2f4468; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #ffffff; display: inline-block; font-size: 20px;">Get Hosting and Domain Name with Bluehost »</a></p>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">When buying a hosting account, you’ll also have to purchase a domain name. This is what makes this project interesting: you’ll be able to go your domain name (http://example.com) and see your ESP32-CAM photos. If you like our projects, you might consider signing up to Bluehost, because you’ll be supporting our work.</p>
<h2 id="2-1" style="border: 0px; margin: 34px 0px 18px; padding: 0px; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 36px; line-height: 1.3em; position: relative; color: #3a3a3a; background-color: #ffffff;">2.1. Preparing Your&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">.php</em>&nbsp;File and&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">uploads</em>&nbsp;Folder (Raspberry Pi LAMP Server)</h2>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">This section prepares your&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">.php</em>&nbsp;file and&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">uploads</em>&nbsp;folder for your Raspberry Pi LAMP Server. If you’re using your own server + domain name, skip to the next section.</p>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">Having a&nbsp;<a href="https://randomnerdtutorials.com/raspberry-pi-apache-mysql-php-lamp-server/" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;" target="_blank">Raspberry Pi running Apache and PHP</a>, in the Raspberry Pi board terminal window navigate to the&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">/var/www/html/</em>&nbsp;directory:</p>
<pre class="wp-block-code" style="border: 0px; margin-top: 0px; margin-bottom: 1.4em; padding: 20px; background: rgba(0, 0, 0, 0.05); font-family: Consolas, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace; font-size: 18px; line-height: normal; overflow: auto; max-width: 100%; color: #3a3a3a;">
   <code style="border: 0px; margin: 0px; padding: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; white-space: pre-wrap; overflow-wrap: break-word;">pi@raspberrypi:~ $ cd /var/www/html/</code>
   </pre>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">Create a new folder called&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">uploads</em>:</p>
<pre class="wp-block-code" data-slot-rendered-dynamic="true" style="border: 0px; margin-top: 0px; margin-bottom: 1.4em; padding: 20px; background: rgba(0, 0, 0, 0.05); font-family: Consolas, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace; font-size: 18px; line-height: normal; overflow: auto; max-width: 100%; color: #3a3a3a;">
   <code style="border: 0px; margin: 0px; padding: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; white-space: pre-wrap; overflow-wrap: break-word;">pi@raspberrypi:/var/www/html $ mkdir uploads
pi@raspberrypi:/var/www/html $ ls
uploads</code>
   </pre>
<div id="content_3_btf_wrapper" class="adunitwrapper content_btf_wrapper mv-size-0x0 native" data-wrapper="content_3_btf" style="border: 0px; margin: 10px auto 20px; padding: 0px; overflow: hidden; position: relative; height: 264px; width: 300px; text-align: center; max-width: 600px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff; min-height: 297px; visibility: hidden;">
   <div id="content_3_btf" class="content_btf adunit" style="border: 0px; margin: 0px; padding: 0px;">&nbsp;</div>
   <div class="adunitlabel" style="border: 0px; margin: 0px auto; padding: 0px; position: absolute; bottom: 0px; width: inherit; color: #a5a5a5; text-align: left; min-width: 160px; font-size: 12px !important; line-height: 12px !important;"><button class="mv-ad-report-button" data-target="content_3_btf" data-adtype="display" aria-label="Report this ad" style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: 20px; line-height: 12px; margin: 0px; vertical-align: baseline; border-width: initial; border-style: none; border-color: initial; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: pointer; appearance: button; padding: 0px; color: #ffffff; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; float: right; position: relative; width: 300px; top: 0px; outline: none;"></button>
      <div class="mediavine" style="border: 0px; margin: 0px; padding: 0px;"><a href="https://www.mediavine.com/" target="_blank" rel="noopener" aria-label="mediavine" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #a5a5a5;"><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAAUCAMAAAA0oWYGAAAANlBMVEUAAACkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKT0RuBeAAAAEXRSTlMAECAwQFBgcHuEj5+vv8/f7w0rGDcAAANcSURBVEjHzZbLlsMoDEQLMMYBPaj//9lZCDt2Oj1nZtesHCKbS0klwLFnACh9SwDQWkaM1Cj4I2OSDUAjtQAw8gUAyD6V9e9AcgA7SW6AktQEJPeMKQCaqqpKBoDDVNX2c1JVVW0k1PUsvRUAQLOIA4BNVVUK0FRUKwBsomIdaajoyEhdRaUAQFfRkZC6yjm0wUmyBSQTlAH9YgLMAQySJHcAyUiS/ZokSc6Mdv3wUXC+1AOyne/3a/IgSUH2kCa+ewBISnKW9c8agkmSc0G+ApIFOoFEeUN2ANtcUbHeN8i1nb7iznVJWa8bAAhJ1kCZZYXMbQV7RnpCxq9SSZKWZGHIBIQbLh5NpyZvSJ8+fVpaW/TYA7cH5NrZLME2CwLOErKR9BOSCiRZkEaSM8YIJblvS5SAHGjcPXyzIM9FbpBHziWXkhe9lLL7Eu0GeYreVlgD6krNByRf4YkTctZccsklLyUXJBekAJOyfSxS/Am5X+5rj4KY2w0yGTktdMoeBd+X3tnu6SZZcFdylru7b0qOpSTKtgI6yemkoMbDBemiotpPyHFV236DrCR186AakWZb5fOpJA39nm4TUbEd35Uctx7VSfqYtHSQIj+MY+kOOT4hB8kODaV3kiz59PJDSZ8kj3aH5Anzm5IPyNmMswp5/F/I7CQbDpKewrS1Lis/lRyNqzB+Qv4nJbkP0ia93iF9iIgej3RrNJcLcilTYhqD5OgkJX0qqauz3NM9RMT2S8n6r0pyjyYj2X43zgBQZzTOC1JJej/GOtgqSc7w+IeSM+X5hJz5q3F+VzI+cKS7cY6Ucsr5akE575M3/76Ajc+ufzZpz/hRk+Xsw+8WlFJKKYfTyJYXZP8FMuLqA3KamZnbFoaYFgTz1sxfd0i2q5jjfvVQ0q9GfKXbYwFdbx1L0bR9h2zhn8jIx7HI/ddjMVlk+3WMdWotaSu+KYnI14dxOKOk2deyCfMTUmITe1wJvlwwWG+QM46AdcF4G+p0VBh1poCc9wtGwepRzDjLM8Z1WkRgjtK+QzYz84piZg1J3XyPyTXcCup6VjnWVc3NfMfuZlavGavAy8183Y+yuLkWpOHmmgFkdXPJSOLvFWRZs68LSAkD/pkr+XuUPg8AqDozgPya/W8B/gPQAm/tWHkI8wAAAABJRU5ErkJggg==" style="height: 10px !important; max-width: 100%; border: 0px !important; margin: 0px !important; padding: 0px !important; box-shadow: none !important; width: 82px !important; min-width: 82px !important; min-height: 10px !important;" /></a></div>
      </div>
   </div>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">At the moment,&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">/var/www/html</em>&nbsp;is owned by root, use the next commands to change to the pi user and give it all permissions so that you can save photos using a PHP script later on.</p>
<pre class="wp-block-code" style="border: 0px; margin-top: 0px; margin-bottom: 1.4em; padding: 20px; background: rgba(0, 0, 0, 0.05); font-family: Consolas, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace; font-size: 18px; line-height: normal; overflow: auto; max-width: 100%; color: #3a3a3a;">
   <code style="border: 0px; margin: 0px; padding: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; white-space: pre-wrap; overflow-wrap: break-word;">sudo chown -R pi:pi /var/www/html
chmod -R 777 /var/www/html/</code>
   </pre>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">Finally, create a new&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">upload.php</em>&nbsp;file:</p>
<pre class="wp-block-code" style="border: 0px; margin-top: 0px; margin-bottom: 1.4em; padding: 20px; background: rgba(0, 0, 0, 0.05); font-family: Consolas, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace; font-size: 18px; line-height: normal; overflow: auto; max-width: 100%; color: #3a3a3a;">
   <code style="border: 0px; margin: 0px; padding: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; white-space: pre-wrap; overflow-wrap: break-word;">pi@raspberrypi:/var/www/html $ nano upload.php</code>
   </pre>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">This PHP script is responsible for receiving incoming images from the ESP32-CAM, rename the images with a timestamp and store them in the&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">uploads&nbsp;</em>folder. Edit the newly created file (<em style="border: 0px; margin: 0px; padding: 0px;">upload.php</em>) and copy the following snippet:</p>
<pre class=" language-c" data-slot-rendered-dynamic="true" style="border: 0px; margin-top: 0.5em; margin-bottom: 20px; padding: 1em; background: rgb(245, 242, 240); font-family: Consolas, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace; font-size: 18px; line-height: 1.5; overflow: auto; max-width: 100%; text-shadow: rgb(255, 255, 255) 0px 1px; word-break: normal; overflow-wrap: normal; tab-size: 4; hyphens: none; max-height: 40em;">
   <code class=" language-c" style="border: 0px; margin: 0px; padding: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 15px; line-height: 1.5; font-family: Consolas, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace; background: 0px 0px; text-shadow: rgb(255, 255, 255) 0px 1px; word-spacing: normal; word-break: normal; overflow-wrap: normal; tab-size: 4; hyphens: none;"><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">&lt;</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">?</span>php
<span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// Rui Santos</span><span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// Complete project details at https://RandomNerdTutorials.com/esp32-cam-post-image-photo-server/</span><span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// Code Based on this example: w3schools.com/php/php_file_upload.asp</span>
$target_dir <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"uploads/"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
$datum <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">mktime</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">date</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">'H'</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">+</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">0</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">,</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">date</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">'i'</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">,</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">date</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">'s'</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">,</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">date</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">'m'</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">,</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">date</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">'d'</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">,</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">date</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">'y'</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
$target_file <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span> $target_dir <span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">.</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">date</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">'Y.m.d_H:i:s_'</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">,</span> $datum<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">.</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">basename</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$_FILES<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"imageFile"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"name"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
$uploadOk <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">1</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
$imageFileType <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">strtolower</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">pathinfo</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$target_file<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">,</span>PATHINFO_EXTENSION<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// Check if image file is a actual image or fake image</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">if</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">isset</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$_POST<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"submit"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
  $check <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">getimagesize</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$_FILES<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"imageFile"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"tmp_name"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">if</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$check <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">!=</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span> false<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
    echo <span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"File is an image - "</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">.</span> $check<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"mime"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">.</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"."</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
    $uploadOk <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">1</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">else</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
    echo <span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"File is not an image."</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
    $uploadOk <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">0</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// Check if file already exists</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">if</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">file_exists</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$target_file<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
  echo <span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"Sorry, file already exists."</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
  $uploadOk <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">0</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// Check file size</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">if</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$_FILES<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"imageFile"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"size"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">&gt;</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">500000</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
  echo <span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"Sorry, your file is too large."</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
  $uploadOk <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">0</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// Allow certain file formats</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">if</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$imageFileType <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">!=</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"jpg"</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">&amp;&amp;</span> $imageFileType <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">!=</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"png"</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">&amp;&amp;</span> $imageFileType <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">!=</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"jpeg"</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">&amp;&amp;</span> $imageFileType <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">!=</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"gif"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
  echo <span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"Sorry, only JPG, JPEG, PNG &amp; GIF files are allowed."</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span>
  $uploadOk <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">=</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">0</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// Check if $uploadOk is set to 0 by an error</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">if</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$uploadOk <span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">==</span><span class="token number" style="border: 0px; margin: 0px; padding: 0px; color: #990055;">0</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
  echo <span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"Sorry, your file was not uploaded."</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token comment" style="border: 0px; margin: 0px; padding: 0px; list-style-type: none; color: #708090;">// if everything is ok, try to upload file</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">else</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">if</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">move_uploaded_file</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span>$_FILES<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"imageFile"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"tmp_name"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">,</span> $target_file<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
    echo <span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"The file "</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">.</span><span class="token function" style="border: 0px; margin: 0px; padding: 0px; color: #dd4a68;">basename</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">(</span> $_FILES<span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"imageFile"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">[</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"name"</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">]</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">)</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">.</span><span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">" has been uploaded."</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token keyword" style="border: 0px; margin: 0px; padding: 0px; color: #0077aa;">else</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">{</span>
    echo <span class="token string" style="border: 0px; margin: 0px; padding: 0px; color: #669900;">"Sorry, there was an error uploading your file."</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">;</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token punctuation" style="border: 0px; margin: 0px; padding: 0px; color: #999999;">}</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">?</span><span class="token operator" style="border: 0px; margin: 0px; padding: 0px; color: #9a6e3a; background: rgba(255, 255, 255, 0.5);">&gt;</span></code>
   </pre>
<div id="content_4_btf_wrapper" class="adunitwrapper content_btf_wrapper mv-size-300x250 mv-dynamic-size" data-wrapper="content_4_btf" style="border: 0px; margin: 10px auto 20px; padding: 0px; overflow: hidden; position: relative; height: 264px; width: 300px; text-align: center; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff; min-height: 264px; visibility: hidden;">
   <div id="content_4_btf" class="content_btf adunit" style="border: 0px; margin: 0px; padding: 0px; position: relative;">&nbsp;</div>
   <div class="adunitlabel" style="border: 0px; margin: 0px auto; padding: 0px; position: absolute; bottom: 0px; width: inherit; color: #a5a5a5; text-align: left; min-width: 160px; font-size: 12px !important; line-height: 12px !important;"><button class="mv-ad-report-button" data-target="content_4_btf" data-adtype="display" aria-label="Report this ad" style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: 20px; line-height: 12px; margin: 0px; vertical-align: baseline; border-width: initial; border-style: none; border-color: initial; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: pointer; appearance: button; padding: 0px; color: #ffffff; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; float: right; position: relative; width: 300px; top: 0px; outline: none;"></button>
      <div class="mediavine" style="border: 0px; margin: 0px; padding: 0px;"><a href="https://www.mediavine.com/" target="_blank" rel="noopener" aria-label="mediavine" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #a5a5a5;"><img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAAUCAMAAAA0oWYGAAAANlBMVEUAAACkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKT0RuBeAAAAEXRSTlMAECAwQFBgcHuEj5+vv8/f7w0rGDcAAANcSURBVEjHzZbLlsMoDEQLMMYBPaj//9lZCDt2Oj1nZtesHCKbS0klwLFnACh9SwDQWkaM1Cj4I2OSDUAjtQAw8gUAyD6V9e9AcgA7SW6AktQEJPeMKQCaqqpKBoDDVNX2c1JVVW0k1PUsvRUAQLOIA4BNVVUK0FRUKwBsomIdaajoyEhdRaUAQFfRkZC6yjm0wUmyBSQTlAH9YgLMAQySJHcAyUiS/ZokSc6Mdv3wUXC+1AOyne/3a/IgSUH2kCa+ewBISnKW9c8agkmSc0G+ApIFOoFEeUN2ANtcUbHeN8i1nb7iznVJWa8bAAhJ1kCZZYXMbQV7RnpCxq9SSZKWZGHIBIQbLh5NpyZvSJ8+fVpaW/TYA7cH5NrZLME2CwLOErKR9BOSCiRZkEaSM8YIJblvS5SAHGjcPXyzIM9FbpBHziWXkhe9lLL7Eu0GeYreVlgD6krNByRf4YkTctZccsklLyUXJBekAJOyfSxS/Am5X+5rj4KY2w0yGTktdMoeBd+X3tnu6SZZcFdylru7b0qOpSTKtgI6yemkoMbDBemiotpPyHFV236DrCR186AakWZb5fOpJA39nm4TUbEd35Uctx7VSfqYtHSQIj+MY+kOOT4hB8kODaV3kiz59PJDSZ8kj3aH5Anzm5IPyNmMswp5/F/I7CQbDpKewrS1Lis/lRyNqzB+Qv4nJbkP0ia93iF9iIgej3RrNJcLcilTYhqD5OgkJX0qqauz3NM9RMT2S8n6r0pyjyYj2X43zgBQZzTOC1JJej/GOtgqSc7w+IeSM+X5hJz5q3F+VzI+cKS7cY6Ucsr5akE575M3/76Ajc+ufzZpz/hRk+Xsw+8WlFJKKYfTyJYXZP8FMuLqA3KamZnbFoaYFgTz1sxfd0i2q5jjfvVQ0q9GfKXbYwFdbx1L0bR9h2zhn8jIx7HI/ddjMVlk+3WMdWotaSu+KYnI14dxOKOk2deyCfMTUmITe1wJvlwwWG+QM46AdcF4G+p0VBh1poCc9wtGwepRzDjLM8Z1WkRgjtK+QzYz84piZg1J3XyPyTXcCup6VjnWVc3NfMfuZlavGavAy8183Y+yuLkWpOHmmgFkdXPJSOLvFWRZs68LSAkD/pkr+XuUPg8AqDozgPya/W8B/gPQAm/tWHkI8wAAAABJRU5ErkJggg==" style="height: 10px !important; max-width: 100%; border: 0px !important; margin: 0px !important; padding: 0px !important; box-shadow: none !important; width: 82px !important; min-width: 82px !important; min-height: 10px !important;" /></a></div>
      </div>
   </div>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff; text-align: center;"><a class="rntwhite" href="https://github.com/RuiSantosdotme/ESP32-CAM-Arduino-IDE/raw/master/ESP32-CAM-HTTP-POST-Image/upload.php" target="_blank" style="border: 2px solid rgb(235, 235, 235); margin: 0px; padding: 6px; background: rgb(245, 242, 240); transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #3a3a3a !important;">View raw code</a></p>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">Save your file and exit (Ctrl+X, Y, and Enter key):</p>
<h2 id="2-2" style="border: 0px; margin: 34px 0px 18px; padding: 0px; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 36px; line-height: 1.3em; position: relative; color: #3a3a3a; background-color: #ffffff;">2.2. Preparing Your&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">.php</em>&nbsp;Files and&nbsp;<em style="border: 0px; margin: 0px; padding: 0px;">uploads</em>&nbsp;Folder (Hosting Service)</h2>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">If you prefer to run your server remotely and access the photos from anywhere, you need a hosting account. After signing up for a&nbsp;<a rel="noreferrer noopener" href="https://randomnerdtutorials.com/bluehost" target="_blank" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; text-decoration-line: none; color: #1b78e2;">hosting account and setting up a domain name</a>, you can login to your cPanel or similar dashboard. After that, open the File Manager.</p>
<p style="border: 0px; margin-bottom: 1.4em; padding: 0px; color: #3a3a3a; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 18px; background-color: #ffffff;">Open the “<span style="border: 0px; margin: 0px; padding: 0px; font-weight: 700;">Advanced</span>” tab and select “<span