How can I convert an image into Base64 string using JavaScript?

In today's world of web development, working with images is an essential aspect of building a dynamic and visually appealing website. However, when it comes to sending images over a network, they need to be converted into a format that can be transmitted easily, such as Base64 strings. In this article, we will discuss how to convert an image into a Base64 string using JavaScript.

What is Base64 encoding?

Base64 is a double to message encoding plan that addresses twofold information in an ASCII string design. This encoding system is commonly used to transfer data over the internet because it can be easily transmitted using email or HTTP POST transactions. The encoded data can also be easily read by both humans and machines.

Base64 encoding works by dividing a stream of data into 6-bit blocks and then mapping each block to a character in the ASCII table. This results in a string that is composed of only ASCII characters, making it easy to transmit across various systems.

Converting an image to Base64 using JavaScript

Converting an image to a Base64 string using JavaScript is a relatively simple process. To do this, we first need to get the image's data as a binary file, and then we can encode it using the Base64 encoding system.

To get the image data, we can use the FileReader API in JavaScript. The FileReader API provides a way to read the contents of a file asynchronously using the readAsDataURL() method. The method reads the contents of the specified file and returns the data as a Base64-encoded data URL.

Here's the example for how to convert an image to a Base64 string:

const imageFile = document.getElementById("image-file").files[0];

// Create a new FileReader object

const reader = new FileReader();

// Read the image file as a data URL

reader.readAsDataURL(imageFile);

// Define a callback function to be called when the file is loaded

reader.onload = function () {

  // Get the Base64-encoded string

  const base64String = reader.result.split(",")[1];

  // Do something with the Base64-encoded string

  console.log(base64String);

};

In the above code, we first get the image file by accessing the input element with the ID "image-file". We then create a new FileReader object and call the readAsDataURL() method, passing in the image file as a parameter. The readAsDataURL() method reads the image file and returns the data as a Base64-encoded data URL.

Conclusion

Switching a picture over completely to a Base64 string utilizing JavaScript is a straightforward and successful method for sending pictures over an organization. By utilizing the FileReader Programming interface and the Base64 encoding framework, we can without much of a stretch proselyte a picture to a configuration that can be sent across different frameworks. We trust that this article has furnished you with a superior comprehension of how to change a picture over completely to a Base64 string utilizing JavaScript.

Enjoy!

Best 7 Apps to Find My Phone for Android Devices

If you have question in your mind like How to Find My Phone? If you lost your phone then also you lost some personal information which are already in your phone like Banking data, Invesment data, Saved password, pictures and videos. So you have to install atleast one app to find your phone easly. Here we list out best apps to find your lost phone easly. Let's check out Best 5 Apps to Find My Phone in Android.

1. Find My Device

This is nativ app provieded by Google. This is a built-in app from Google that comes with most Android devices. This app can locate your phone, make it ring, and even erase its data remotely. It's basically working on GPS functionality of your phone.

2. Prey Anti Theft

This app can track your phone's location, take photos of the thief, and trigger an alarm of your phone. And this app also allows you to remotely lock or wipe your phone's data.

This is top-rated app on the play store. Mainly feature are data security, and device management.

3. Cerberus

This app has a lot of features, such as remote access to your phone's camera and microphone, and the ability to track your phone's location. And also lock or wipe its data, and even record audio from the surroundings.

4. GeoZilla

GeoZilla is the Android apps to find my phone. GeoZilla is an Android application that permits you to follow the area of your relatives and friends and family progressively. The application is intended to furnish you with true serenity by telling you where your friends and family are consistently.

In addition to location tracking, GeoZilla also includes a number of other features designed to keep you connected with your phone. For example, you can send messages, photos, and voice notes to members of your circle to find your phone easly.

5. BetterLife Family Tracker

This app basically track your phone base on FPS location tracker for Android devices.

The application could be useful for families who need to monitor each other's whereabouts, particularly for security reasons. For instance, guardians could utilize it to ensure their kids have shown up at school securely, or to watch young people who are out with companions. It could likewise be valuable for planning plans, for example, knowing when relatives are coming back from work or when they will be free for family occasions.

6. Familo

This app (Familo) allow you to share your real time location with others users. People are use this app for stay connected with family and kids.

With Familo, family members can create shared calendars, shopping lists, and to-do lists. The app also offers location tracking, allowing family members to see each other's real-time locations and receive alerts when they arrive or leave specific locations.

7. Wunderfind

This app (Wunderfind) is unique app compare to other find my phone app. This app mainly help you to find lost AirPods, Fitbit and Headphones for Android and IOS devices.

Enjoy!

Best top 5 mobiles under Rs.20,000 in 2023

 

Best top 5 mobiles under Rs.20,000 in 2023: Here are some best top 7 mobile phones under Rs. 20,000 that were popular in 2023. Here you can easily identify which company's phone is best for you under Rs.20,000.

Currently there are so many mobile companies available on market with different type of mobile and different features. But here we try to give information about best mobile only. So you can easily purchase mobile as per your uses. Every people have different chooses about his/her mobile, all needed best mobile. Some people need best camera result and some peoples need gaming mobile, some peoples need best music system on mobile.

Let's discuss on some best mobiles under Rs.20,000 in 2023:

1. Xiaomi Redmi Note 12

This is latest mobile of 2023. This mobile launched on January 5, 2023. Xiaomi's Redmi Note 12 has an appealing plan for an item evaluated under Rs 20,000 and it is upheld with fine execution, incredible battery duration, and a fresh presentation.

Xiaomi Redmi Note 12 Specifications:

• Price: Rs.17,999
• Processor: Qualcomm Snapdragon 4 Gen 1
• Performance: Octa core (2 GHz, Dual Core + 1.8 GHz, Hexa Core)
• Ram: 4 GB
• Internal Memory: 128 GB
• Expandable Memory: Yes, Up to 1 TB
• Display: 6.67 inches
• Resolution: 1080 x 2400 pixels
• Camera: 48 MP + 8 MP + 2 MP
• Battery: 5000 mAh (Fast Charging)
• SIM Size: SIM1: Nano, SIM2: Nano (Hybrid)
• Weight: 188 grams

2. OnePlus Nord CE 2 Lite 5G

28th April 2022. OnePlus Nord CE 2 Light 5G portable was sent off on 28th April 2022. The telephone accompanies a 120 Hz invigorate rate 6.59-inch touchscreen show offering a goal of 1080x2412 pixels (FHD+) at a pixel thickness of 402 pixels for every inch (ppi) and a perspective proportion of 20:9

OnePlus Nord CE 2 Lite 5G Specifications:

• Price: Rs.18,999
• OS: Android 12
• Processor: Qualcomm Snapdragon 695
• Performance: Decent performance for the price
• Ram: 4 GB
• Internal Memory: 128 GB
• Expandable Memory: Yes (microSD)
• Display: 6.59 inches
• Resolution: 1080 x 2412 pixels
• Camera: 64 MP + 2 MP + 2 MP
• Battery: 5000 mAh
• SIM Size: SIM1: Nano, SIM2: Nano
• Weight: 195 grams

3. Redmi Note 11 Pro+ 5G

This mobile released on 9th March 2022. The Redmi Note series has forever been about incredible highlights and details for not as much as Rs. 20,000, however the new Redmi Note 11 Pro+ 5G's cost begins over that level. It has a 108-megapixel essential back camera, 67W quick charging, Snapdragon 695 SoC, 5G, and 120Hz Super AMOLED board.

Redmi Note 11 Pro+ 5G Specifications:

• Price: Rs.19,316
• OS: Android 11
• Processor: Qualcomm Snapdragon 695
• Performance: Decent overall performance
• Ram: 6 GB
• Internal Memory: 128 GB
• Expandable Memory: Yes (1000 GB)
• Display: 6.67 inches
• Resolution: 1080 x 2400 pixels
• Camera: 108 MP + 8 MP + 2 MP
• Battery: 5000 mAh
• SIM Size: SIM1: Nano, SIM2: Nano
• Weight: 202 grams

4. Xiaomi Redmi Note 11T 5G

This mobile released on 30th November 2021. The Xiaomi Redmi Note 11T 5G is a cell phone that was delivered in 2022. It is important for the Redmi Note 11 series and offers 5G availability. By and large, the Xiaomi Redmi Note 11T 5G offers a decent equilibrium between elements and execution at a reasonable sticker cost. It is a decent choice for those searching for a 5G cell phone with a high invigorate rate show and a skilled camera framework.

Xiaomi Redmi Note 11T 5G Specifications:

• Price: Rs.16,999
• OS: Android 11
• Processor: MediaTek Dimensity 810
• Performance: Octa core
• Ram: 6 GB
• Internal Memory: 64 GB
• Expandable Memory: Yes (1 TB)
• Display: 6.6 inches
• Resolution: 1080 x 2400 pixels
• Camera: 108MP + 8MP + 2MP
• Battery: 5000 mAh
• SIM Size: SIM1: Nano, SIM2: Nano
• Weight: 195 grams

5. Samsung Galaxy M33 5G

This mobile released on 28th April 2022. Samsung Universe M33 5G totals to be an optimal decision for both individual and expert use, possessing to a capacitive showcase, incredible battery duration and an impressive extra room stacked inside. For consistent catches, Samsung has introduced a quad-camera design on the back side, alongside a 8MP front camera.

Samsung Galaxy M33 5G Specifications:

• Price: Rs.17,999
• OS: Android v12
• Processor: Samsung Exynos 1280
• Performance: Octa core (2.4 GHz, Dual core, Cortex A78 + 2 GHz, Hexa Core, Cortex A55)
• Ram: 6GB
• Internal Memory: 128 GB
• Expandable Memory: Yes (1 TB)
• Display: 6.6 inches
• Resolution: 1080 x 2400 pixels
• Camera: 50MP + 5MP + 2MP + 2MP
• Battery: 5000 mAh
• SIM Size: SIM1: Nano, SIM2: Nano
• Weight: 215 grams

Best 7 Apps to Find My Phone for Android Devices

Enjoy!

Top Gaming Laptops In 2023

1. Asus ROG Zephyrus G14

Top gaming laptop

The Asus ROG Zephyrus G14 is the top gaming laptop in best price

The Asus ROG Zephyrus G14 (2021) is a superior exhibition gaming PC that accompanies an AMD Ryzen 9 processor and NVIDIA GeForce RTX 3060 illustrations. It has a 14-inch QHD show with a goal of 2560x1440 pixels and an invigorate pace of 120Hz. There two or three arrangements, and you ought to ensure that you are purchasing the $1,649.99 SKU with the 6700S GPU.

The PC likewise includes a smooth plan, with an AniMe Grid Drove show on the top that can be modified to show designs and movements. It likewise has an illuminated console and a unique mark sensor for added security.

In terms of connectivity, the Asus ROG Zephyrus G14 (2021) comes with Wi-Fi 6, Bluetooth 5.1, two USB Type-C ports, two USB Type-A ports, and an HDMI port. It also has a battery life of up to 10 hours, making it a great option for those who need a portable gaming laptop.

READ SPEED 30% FASTER THAN DDR4-2400

WRITE SPEED 29% FASTER THAN DDR4-2400 

COPY SPEED 22% FASTER THAN DDR4-2400

2. Razer Blade 16

Top Dual Mode gaming laptop

The Razer Sharp edge 16 is a superior presentation gaming PC created by Razer Inc., an organization known for its gaming peripherals and PCs.

As the name recommends, the Razer Cutting edge 16 elements a 16-inch show, which comes in both Full HD and QHD goals. It is fueled by either an AMD Ryzen 9 5900HX processor or an Intel Center i7-11800H processor, and has a NVIDIA GeForce RTX 3060 or 3070 GPU. The PC likewise accompanies up to 32GB of DDR4 Smash and up to a 1TB PCIe NVMe SSD.

Overall, the Razer Blade 16 is a high-end gaming laptop that offers excellent performance, a stylish design, and a range of useful features. However, it is also quite expensive, so it may not be the best choice for budget-conscious gamers.

3. Gigabyte G5

Top Taiwanese technology gaming laptop

The Gigabyte G5 is a gaming PC fabricated by Gigabyte, a Taiwanese innovation organization. It is intended to give a superior presentation gaming experience and is furnished with strong equipment details. A portion of the vital highlights of the Gigabyte G5 include:

• Processor: Intel Core i7/i9 or AMD Ryzen 7/9
• Graphics Card: NVIDIA GeForce RTX 30 series or AMD Radeon RX 6000 series
• Display: 15.6-inch or 17.3-inch Full HD IPS or UHD IPS display with high refresh rates (up to 240Hz)
• Storage: Up to 2TB NVMe SSD
• Memory: Up to 64GB DDR4 RAM
• Connectivity: Wi-Fi 6, Bluetooth 5.2, Ethernet
• Ports: USB Type-C, Thunderbolt 4, HDMI, Mini DisplayPort, and more
• Cooling: WINDFORCE cooling system with multiple heat pipes and dual fans

4. MSI GF63 Thin

The MSI GF63 Dainty is a gaming PC from MSI, a notable brand in the gaming local area. The PC is intended to be thin and versatile, while as yet pressing sufficient ability to deal with requesting games.

• Processor: 9th Gen Intel Core i5 or i7
• Graphics: NVIDIA GeForce GTX 1650 or 1660 Ti
• Memory: Up to 64GB DDR4 RAM
• Storage: Up to 1TB NVMe SSD
• Display: 15.6-inch Full HD (1920x1080) IPS-level display
• Battery: 3-cell Li-Polymer, 51 Whr
• Weight: 4.10 lbs (1.86 kg)

Generally speaking, the MSI GF63 Flimsy is a decent decision for gamers who need a strong yet compact PC. Its smooth plan and strong form quality make it an incredible choice for the individuals who need to take their gaming in a hurry.

5. Lenovo Legion 5 Pro

The Lenovo Army 5 Star is a gaming PC that was delivered in mid 2021. It includes a 16-inch WQXGA (2560 x 1600) IPS show with a 165Hz revive rate, 500 nits of splendor, and backing for Dolby Vision and G-Sync innovation.

In the engine, the Army 5 Star is controlled by an AMD Ryzen 5000 series processor (up to Ryzen 7 5800H) with up to 32GB of DDR4 Smash and up to 1TB of NVMe PCIe SSD stockpiling. The illustrations card choices incorporate the Nvidia GeForce RTX 30 series, up to the RTX 3070.

The PC likewise includes a regular illuminated console with a numeric keypad and a 4-zone RGB backdrop illumination. It has a good determination of ports, including three USB 3.2 Gen 1 ports, a USB-C port, a HDMI 2.1 port, an Ethernet port, and an earphone/mic combo jack.

The Army 5 Star has a smooth plan with a strong form quality, tipping the scales at around 2.5 kg. It additionally includes Army simulated intelligence Motor innovation, which enhances framework execution in light of client propensities and inclinations.

In general, the Lenovo Army 5 Expert is a strong and very much planned gaming PC with a top notch show, quick execution, and a lot of highlights for gamers.

6. MSI GE76 Raider

The MSI GE76 Bandit is a superior presentation gaming PC that was delivered in mid 2021. It is furnished with the most recent eleventh Gen Intel Center i9 processor, up to NVIDIA GeForce RTX 3080 designs, and up to 64GB DDR4 memory. The PC has a 17.3-inch Full HD IPS-level showcase with a 144Hz invigorate rate and 3ms reaction time. It likewise includes per-key RGB lighting on the console and a monster speaker framework with Howdy Res Sound.

As far as capacity, the MSI GE76 Pillager can have up to two M.2 NVMe SSDs and a 2.5" HDD or SSD. It additionally accompanies Thunderclap 4, USB 3.2 Gen 2 Sort C, HDMI, and scaled down DisplayPort network choices.

In general, the MSI GE76 Pillager is a strong and highlight stuffed gaming PC that can deal with requesting games and weighty responsibilities.

Enjoy!