スポンサーリンク
スポンサーリンク

Blazor Server でファイルをダウンロードする

.NET CoreBlazor ServerJavaScriptSPAVisual Studio

テキストデータのファイルダウンロード、画像データのファイルダウンロード 処理。
ソースコードはGitHubで公開しています。

 

ソースコード構成

 

ソースコード変更内容を解説

WebApplication1.csprojDownload/Question.jpg

・ダウンロード対象ファイルとして Question.jpg を追加。

 

wwwroot/js/common.js

・ファイルダウンロード処理用の JavaScript を追加。

 

Pages/_Host.cshtml

・JavaScriptファイルの参照を追加。

 

SharedData/FolderPath.cs

・WEBアプリ全体で再利用する static データ。

 

Startup.cs

・WEBアプリ起動時に、FolderPath.Download に値を設定する。
・RuntimeInformation.IsOSPlatform() で、実行環境がWindows場合、Linuxの場合とで、パスを切り替えている。

 

_Imports.razor

・参照先を追加。

 

Shared/NavMenu.razor

・Download File 画面へのリンクを追加。

 

Pages/DownloadFile.razor

・ダウンロードのデモ画面。
・テキストデータのダウンロードボタンは、プログラム上で生成したデータをダウンロードしている。
・画像データのダウンロードボタンは、 画像ファイルを読込んだデータをダウンロードしている。

 

Visual Studio プロジェクト

今回使った Visual Studio プロジェクト テンプレートは、Blazor Server 5.0 の認証無し、HTTPS無しです。

 

コメント

タイトルとURLをコピーしました