DEV Community

Nitesh Nagar
Nitesh Nagar

Posted on

Why I Built a File Tool That Works Fully in Browser Only (No Upload Needed)

NoFileUpload.com Home Page (Image)
Mostly when we are using online image tools, we are uploading our files in some server. We don’t really think much for it. But images usually contain hidden data like:

  • GPS location
  • Camera model
  • Device details
  • Date and time

Basically, this is called as metadata. Many people are not aware that when they upload images online, this information also goes at the server. Because of that, I wanted to build something which works full inside the browser itself.

The Idea

NoFileUpload Philosophy

Instead of sending files to backend for the processing, I tried to do everything on client side. So I started building a small privacy-first project called NoFileUpload.

The main focus is simple:

  • No file upload
  • No backend storage
  • No tracking
  • Everything runs local

You can check it at here:

NoFileUpload — Free Privacy-First File Tools

Free, privacy-first file processing tools that work entirely in your browser. No uploads, no servers, no accounts required. Your files never leave your device.

favicon nofileupload.com

How It Works

Actually, modern browsers are very powerful now only.

Reading Files

Using the FileReader API, the browser can read files direct from user system. The file stays on device only and is not sent to anywhere.

Viewing Metadata

Metadata is extracted from image buffer using JavaScript libraries. This allows to show GPS, camera info, and other details instant.

Removing Metadata

To remove metadata, the image is re-drawn using Canvas API. When exported again, only pixel data remains and metadata gets removed automatic. So the new file is clean from hidden data.

HEIC Conversion

Many iPhone photos are in HEIC format. Conversion is done direct in browser using client-side library, so there is no server interaction happening at there.

Why Client-Side Processing Is Useful

  1. Better Privacy: Files are not uploaded to anywhere, which makes it more safer.
  2. Faster: No upload time is needed and processing starts immediate.
  3. Lower Cost: No need to maintain for backend servers for simple tools.

Memory Handling

One challenge for browser processing is memory usage. Large images can consume more RAM, especial on low-end devices. Currently, I am processing files one by one, so memory does not increase too much at once. For normal everyday images, it works good.

Current Tools

Right now the project has:

  • Image Metadata Viewer
  • Metadata Remover (EXIF + GPS)
  • HEIC to JPG Converter

It is still in starting stage and I am planning to add many more privacy-related tools slowly slowly over time.

Final Thoughts

Not every tool needs for a backend. For many small utilities, browser APIs are enough if used proper. Client-side processing can be a good option when privacy matters more.

If you are building similar utilities, you can try for using FileReader and Canvas API first before adding server logic.

Top comments (0)