Quick Tip: Handling File Uploads in the Browser

I recently added a file upload feature to my app and wanted to preview images before uploading.

Turns out, you can use URL.createObjectURL(file) to generate a temporary URL for the selected file, which you can set as the src of an <img> tag.

This gives users instant feedback and helps catch mistakes before submitting.

Just remember to call URL.revokeObjectURL() when you’re done to avoid memory leaks.