chadbrewbaker · February 17, 2025 08:34
diff --git a/upload.html b/upload.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Secure File Upload</title>
  <!-- Load JSEncrypt from a CDN -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.0.0-rc.1/jsencrypt.min.js"></script>
 </head>
 <body>
  <form id="uploadForm" enctype="multipart/form-data">
    <input type="file" id="fileInput">
    <button type="button" id="uploadBtn">Upload</button>
  </form>
  
  <script>
    // Replace with your actual RSA public key (PEM format)
    const publicKey = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvJx6fzTw4f3xulJ8NR+D
 8slKpQH18J7kX27gSbXHI8GXvCByhn/4jkspcFdN1lA2/VfGKgN8ID8gQZo3iLg8
 wt+Q0J2b7Mlbp73FofD6/8Q/LPnkH0J/g+9VlG8pmK2h1TmB+gy7exNNVd6PUun/
 0Y1k0Upt4q3Wy7iY9N2RULlaFv82P08vtp+7Wl5msZVZKfcN7B+amW5rRE8Qsp6W
 g5F1k8bB6n3WwK8aH/g9W2Ny6Qly8yv1WUXg6spS/h7+xsl7s+ZdbBcw+ygW0wVx
 UB7im8Q1O1fFfHJx8k+8kMhcS6fXfq9lf8Bv+HQkz6aZExz/9EU4NJe90F4WlwIDAQAB
 -----END PUBLIC KEY-----`;

    document.getElementById("uploadBtn").addEventListener("click", function() {
      const fileInput = document.getElementById("fileInput");
      if (!fileInput.files.length) {
        alert("Please select a file.");
        return;
      }
      const file = fileInput.files[0];
      const reader = new FileReader();
      
      reader.onload = function(event) {
        const fileContent = event.target.result;
        
        // Initialize the JSEncrypt object and set the public key
        const encryptor = new JSEncrypt();
        encryptor.setPublicKey(publicKey);
        
        // Encrypt the file content.
        // (This example assumes the file is small enough for RSA encryption.)
        const encrypted = encryptor.encrypt(fileContent);
        if (!encrypted) {
          alert("Encryption failed. The file may be too large for direct RSA encryption.");
          return;
        }
        
        // Upload the encrypted data as JSON to your server endpoint.
        fetch("/upload", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({
            filename: file.name,
            data: encrypted
          })
        })
        .then(response => response.json())
        .then(result => {
          alert("File uploaded successfully!");
        })
        .catch(error => {
          console.error("Upload error:", error);
          alert("Upload failed.");
        });
      };
      
      // Read the file as text (adjust as needed for binary files)
      reader.readAsText(file);
    });
  </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Secure File Upload</title>
	<!-- Load JSEncrypt from a CDN -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.0.0-rc.1/jsencrypt.min.js"></script>
	</head>
	<body>
	<form id="uploadForm" enctype="multipart/form-data">
	<input type="file" id="fileInput">
	<button type="button" id="uploadBtn">Upload</button>
	</form>

	<script>
	// Replace with your actual RSA public key (PEM format)
	const publicKey = `-----BEGIN PUBLIC KEY-----
	MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvJx6fzTw4f3xulJ8NR+D
	8slKpQH18J7kX27gSbXHI8GXvCByhn/4jkspcFdN1lA2/VfGKgN8ID8gQZo3iLg8
	wt+Q0J2b7Mlbp73FofD6/8Q/LPnkH0J/g+9VlG8pmK2h1TmB+gy7exNNVd6PUun/
	0Y1k0Upt4q3Wy7iY9N2RULlaFv82P08vtp+7Wl5msZVZKfcN7B+amW5rRE8Qsp6W
	g5F1k8bB6n3WwK8aH/g9W2Ny6Qly8yv1WUXg6spS/h7+xsl7s+ZdbBcw+ygW0wVx
	UB7im8Q1O1fFfHJx8k+8kMhcS6fXfq9lf8Bv+HQkz6aZExz/9EU4NJe90F4WlwIDAQAB
	-----END PUBLIC KEY-----`;

	document.getElementById("uploadBtn").addEventListener("click", function() {
	const fileInput = document.getElementById("fileInput");
	if (!fileInput.files.length) {
	alert("Please select a file.");
	return;
	}
	const file = fileInput.files[0];
	const reader = new FileReader();

	reader.onload = function(event) {
	const fileContent = event.target.result;

	// Initialize the JSEncrypt object and set the public key
	const encryptor = new JSEncrypt();
	encryptor.setPublicKey(publicKey);

	// Encrypt the file content.
	// (This example assumes the file is small enough for RSA encryption.)
	const encrypted = encryptor.encrypt(fileContent);
	if (!encrypted) {
	alert("Encryption failed. The file may be too large for direct RSA encryption.");
	return;
	}

	// Upload the encrypted data as JSON to your server endpoint.
	fetch("/upload", {
	method: "POST",
	headers: { "Content-Type": "application/json" },
	body: JSON.stringify({
	filename: file.name,
	data: encrypted
	})
	})
	.then(response => response.json())
	.then(result => {
	alert("File uploaded successfully!");
	})
	.catch(error => {
	console.error("Upload error:", error);
	alert("Upload failed.");
	});
	};

	// Read the file as text (adjust as needed for binary files)
	reader.readAsText(file);
	});
	</script>
	</body>
	</html>