<form id=“uploadForm” enctype=“multipart/form-data”> <label for=“file”>Upload File/Folder:</label> <input type=“file” id=“file” name=“file” multiple webkitdirectory> <p id=“fileSize”></p> <button type=“submit”>Upload</button> </form> <script> document.getElementById(‘file’).addEventListener(‘change’, function(e) { let totalSize = 0; Array.from(e.target.files).forEach(file => totalSize += file.size); document.getElementById(‘fileSize’).innerText = `Total Size: ${(totalSize / (1024 * 1024)).toFixed(2)} MB`; // Calculate cost based on size const cost = (totalSize / (1024 * 1024)) * 0.5; // Example: $0.50 per MB alert(`Estimated Cost: $${cost.toFixed(2)}`); }); </script>