スポンサーリンク
Microsoft Public Affiliate Program (JP)(マイクロソフトアフィリエイトプログラム)
スポンサーリンク
カタログ通販ベルーナ(Belluna)

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

.NET CoreBlazor Server 5.0JavaScriptVisual Studio 2019

テキストデータのファイルダウンロード、画像データのファイルダウンロード 処理。
ソースコードは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

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

コメント

スポンサーリンク
明日を、もっと、ハッピーに!『ショップジャパン』
スポンサーリンク
au PAY マーケット
タイトルとURLをコピーしました