stevekrouse

stevekrouse

copy-upload-text

Upload a text file and copy its contents to clipboard

Public

Val Town is a collaborative website to build and scale JavaScript apps.

Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.

/

Viewing readonly version of main branch: v6

View latest version

📄 Text File to Clipboard

A simple web app that lets you upload any text file and quickly copy its contents to your clipboard.

Features

📤 Easy Upload: Drag and drop or click to select any text file
📋 One-Click Copy: Copy the entire file contents to your clipboard instantly
👀 Live Preview: See the file contents before copying
📱 Responsive Design: Works great on desktop and mobile devices
🎨 Beautiful UI: Clean, modern interface with smooth animations

How to Use

Click the "Choose File" button or drag and drop a file
View the file contents in the preview area
Click "📋 Copy to Clipboard" to copy the text
You'll see a "✓ Copied!" confirmation message

Use Cases

Quickly copy configuration files
Share log file contents
Copy code snippets from files
Extract text from documents
Transfer file contents between applications

Tech Stack

React 18 - UI framework
TypeScript - Type safety
Val Town - Serverless hosting
Server-Side Rendering - Fast initial page load with client-side hydration

Development

This val uses:

Server-side rendering with renderToString for the initial HTML
Client-side hydration with React for interactivity
The Clipboard API for copying text
The FileReader API for reading file contents

Live Demo

Visit the app at: https://copy-file.val.run/