Remember: A "better" uploader respects the user's time (speed), sanity (resume capability), and data (security). Implement just two of these strategies today, and your users will stop complaining about file uploads forever.
Your server can now theoretically handle 10GB files without breaking a sweat. Edwardie is no longer the weak link. Part 3: UI/UX Overhaul – The "Dropzone" Interface The default Edwardie <asp:FileUpload> control is a tiny box with a "Browse" button. To make it better , we need to hide Edwardie's ugly face and replace it with a modern drag-and-drop zone. edwardie fileupload better
// The "Better" part: Real progress xhr.upload.onprogress = function(progressEvent) { var percent = (progressEvent.loaded / progressEvent.total) * 100; var progressBar = document.getElementById('EdwardieProgress'); progressBar.style.width = percent + '%'; progressBar.innerText = Math.round(percent) + '%'; // Advanced: Add speed calculation if(progressEvent.lengthComputable) { var secondsRemaining = (progressEvent.total - progressEvent.loaded) / (progressEvent.loaded / (new Date() - startTime)); document.getElementById('eta').innerText = `ETA: ${Math.ceil(secondsRemaining)}s`; } }; Remember: A "better" uploader respects the user's time
public async Task<IActionResult> UploadChunk() { var chunk = Request.Form.Files[0]; var fileName = Request.Form["fileName"]; var chunkNumber = int.Parse(Request.Form["chunkNumber"]); var totalChunks = int.Parse(Request.Form["totalChunks"]); var tempPath = Path.Combine(ServerTempPath, fileName); Edwardie is no longer the weak link
xhr.send(formData); });