Blazor WebAssembly - Downloading Files

Blazor WebAssembly - Downloading Files

In this tutorial, I am showing how you can download files in Blazor WebAssembly applications. In the first section of the episode I am showing how you can add a JavaScript function and pass the base64 string to it to download the file. And in the second section I am showing how you can read a file stored on the server and send back it's base64 string back to the client to download on the client side.

In this tutorial, I am showing how you can download files in Blazor WebAssembly applications. In the first section of the episode I am showing how you can add a JavaScript function and pass the base64 string to it to download the file. And in the second section I am showing how you can read a file stored on the server and send back it's base64 string back to the client to download on the client side.

Topics

  1. Adding JavaScript function to download the file
  2. Downloading file from the server

webassembly blazor dotnet programming developer

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Blast Off with Blazor: Prerender a Blazor WebAssembly Application

In this post, we speed up initial load time by prerendering our Blazor Web Assembly application. We need to discuss how to mitigate the biggest drawback of using Blazor WebAssembly: the initial load time. While the WebAssembly solution allows us to enjoy a serverless deployment scenario and fast interactions, the initial download can take awhile. Users need to sit around while the browser downloads the .NET runtime and all your project’s DLLs.

How to Implement a Fake or Mock Backend in Blazor WebAssembly

Learn how to implement a fake or mock backend in Blazor WebAssembly with an HTTP Client Handler. A fake backend is used for doing backendless development in Blazor which allows you to run and test your code without a real backend api, it's useful for developing front-end code without a backend or before the backend is available.

Blazor WebAssembly : Google Authentication

In this episode of Blazor WebAssembly, I am going through steps to show how you can use integrate Google Authentication

Blazor WebAssembly - Uploading Files

In this tutorial, I am showing how you can use Blazor's built-in component InputFile for uploading files on the server. Then we will also check out how you can store that files in the database. And at the end I am talking about how you can increase the maximum allowed size for the uploading files.

Modern Web Development with Blazor & .NET 5

Blazor isn't just for new apps! Blazor in .NET 5 is integrated seamlessly with ASP.NET Core to enable modern full stack web development with .NET. In this session we'll show you how you can use Blazor and ASP.NET Core together to add rich client-side interactivity to both new and existing apps. You'll learn how to use Blazor components from your existing MVC views and Razor Pages, handle server-side prerendering, setup authentication & authorization, improve load time performance, and then deploy your app into production.