常連

ASP.NetよりJavaScriptを呼び出して、ファイル選択したファイル・パスを戻り値として返したいですが、エラーによりできません。
初心者により苦戦しています。ご教授お願いします。

function showOpenFileDialog() {
    const createOpenFileDialog = () => {
        return new Promise(resolve => {
            const input = document.createElement('input');
            input.type = 'file';
            input.accept = '.xlsx';
            input.onchange = event => { resolve(event.target.files[0]); };
            input.click();
        });
    };
   
    return new Promise((resolve) => {
        const file = await createOpenFileDialog();
    });
}

【JavaScript】ファイル選択したファイル名を同期的に返す

### したいこと
- カスタム検証(融点(Melting point)<=沸点(Boiling point))を定義したクラスがあり、この入力フォームを作成しています。
- このクラスの入力フォームを作ったときMelting point入力→Boiling pointとするとMelting pointの検証エラーが消えません。
- Boiling point入力時にMelting pointの再検証を行うにはどうすればよいでしょうか？
- ASP.NET MVCだと「TryValidateModel」というのがあるようなのですが、BlazorのRazorコンポーネントでは@modelは使えそうにありません。
- 参考URL：[ASP.NET Core MVC および Razor Pages でのモデルの検証 - 検証を再実行する](https://learn.microsoft.com/ja-jp/aspnet/core/mvc/models/validation?view=aspnetcore-7.0#rerun-validation)
- MudBlazorを利用した状態でのコードが知りたいところではありますが、標準のEditFormならこうする、という情報でも頂けるとありがたいです。

### 開発環境
- Visual Studio 2022
- .NET 6.0 (※LTSなので使っているだけなので、7.0ならこう解決できる、というのがあれば教えて欲しいと思っています)
- Blazor Server
- 利用コンポーネント ライブラリ：MudBlazor

### ソースコード
```C#
  public class Element
  {
    [Required(ErrorMessage = "Name is required")]
    public string Name { get; set; } = "";

    [Required(ErrorMessage = "Melting point is required")]
    [CheckMeltByBoil(ErrorMessage = "Boiling point must be higher than melting point.")]
    public double MeltingPoint { get; set; } = 0.0;

    [Required(ErrorMessage = "Boiling point is required")]
    [CheckBoilByMelt(ErrorMessage = "Boiling point must be higher than melting point.")]
    public double BoilingPoint { get; set; } = 0.0;
  }
  //サンプル：new Element { Name = "Hydrogen", MeltingPoint = -259.14, BoilingPoint = -252.87 },

  [AttributeUsage(AttributeTargets.Property)]
  public class CheckMeltByBoilAttribute : ValidationAttribute
  {
    protected override ValidationResult? IsValid(object? value, ValidationContext validationContext)
    {
      var model = validationContext.ObjectInstance as Element;
      if (model is null || value is null)
      {
        throw new NullReferenceException();
      }

      if ((double)value <= model.BoilingPoint)
      {
        return ValidationResult.Success;
      }
      else
      {
        return new ValidationResult(null);
      }
    }
  }

  [AttributeUsage(AttributeTargets.Property)]
  public class CheckBoilByMeltAttribute : ValidationAttribute
  {
    protected override ValidationResult? IsValid(object? value, ValidationContext validationContext)
    {
      var model = validationContext.ObjectInstance as Element;
      if (model is null || value is null)
      {
        throw new NullReferenceException();
      }

      if (model.MeltingPoint <= (double)value)
      {
        return ValidationResult.Success;
      }
      else
      {
        return new ValidationResult(null);
      }
    }
  }
```

```Razor
@using System.Globalization
@using MudDataGridSample.Data

<MudDialog>
    <TitleContent>
        <MudText Typo="Typo.h6">
            @(IsEdit ? "Edit" : "Create")
        </MudText>
    </TitleContent>
    <DialogContent>
        <MudForm @ref="form" @bind-IsValid="@success">
            <MudStack Spacing="1">
                <MudTextField Label="Name" HelperText="(HelperText)" @bind-Value="EditData.Name" For="@(() => EditData.Name)" />
                <MudNumericField Label="MeltingPoint" HelperText="(HelperText)" Format="N4" Culture="@CultureInfo.GetCultureInfo("en-US")" T="double" @bind-Value="EditData.MeltingPoint" For="@(() => EditData.MeltingPoint)" TextChanged="(string _val) => OnValueChangeHandler1(_val)" />
                <MudNumericField Label="BoilingPoint" HelperText="(HelperText)" Format="N4" Culture="@CultureInfo.GetCultureInfo("en-US")" T="double" @bind-Value="EditData.BoilingPoint" For="@(() => EditData.BoilingPoint)" TextChanged="(string _val) => OnValueChangeHandler2(_val)" />
            </MudStack>
        </MudForm>
    </DialogContent>
    <DialogActions>
        <MudButton OnClick="Cancel">Cancel</MudButton>
        <MudButton Color="Color.Primary" Disabled="@(!success)" OnClick="Submit">Ok</MudButton>
    </DialogActions>
</MudDialog>

@code {
    bool success = false;
    MudForm? form;

    [CascadingParameter] MudDialogInstance? MudDialog { get; set; }

    [Parameter] public bool IsEdit { get; set; } = false;
    [Parameter] public Element EditData { get; set; } = new();


    protected async Task OnValueChangeHandler1(string newValue)
    {
        double set_val = 0.0;
        if (!double.TryParse(newValue, out set_val))
        {
            return;
        }

        //入れ直してStateHasChangedしても効果無し
        EditData.MeltingPoint = set_val;
        double tmp = EditData.BoilingPoint;
        EditData.BoilingPoint = EditData.BoilingPoint + 1.0;
        await InvokeAsync(StateHasChanged); 
        EditData.BoilingPoint = tmp;
        await InvokeAsync(StateHasChanged);
    }

    protected async Task OnValueChangeHandler2(string newValue)
    {
        double set_val = 0.0;
        if (!double.TryParse(newValue, out set_val))
        {
            return;
        }

        //入れ直してStateHasChangedしても効果無し
        EditData.BoilingPoint = set_val;
        double tmp = EditData.MeltingPoint;
        EditData.MeltingPoint = EditData.MeltingPoint + 1.0;
        await InvokeAsync(StateHasChanged);
        EditData.MeltingPoint = tmp;
        await InvokeAsync(StateHasChanged);
    }

    void Submit() => MudDialog?.Close(DialogResult.Ok(true));
    void Cancel() => MudDialog?.Cancel();
}
```

MudBlazorを使わずEditFormを使うなら以下のようになるでしょうか？
この場合はフォーカス移動だけで無く、値を入れ直さないとバリデーションチェックが走りませんでした。
操作例：
1.Melting pointに1を設定してフォーカスをBoiling pointに移動
　→Melting pointのバリデーションメッセージ表示
2.Boiling pointに-255を設定してフォーカスをMelting pointに移動
　→Boiling pointのバリデーションメッセージ表示
3.Melting pointに-999を設定してフォーカスをBoiling pointに移動
　→Melting pointのバリデーションメッセージ表示が消えるがBoiling pointのバリデーションメッセージはそのまま。
4.Boiling pointの値を変えずにSaveボタンにフォーカスを移動
　→変化無し
5.Boiling pointに-255を設定してSaveボタンにフォーカスを移動
　→Boiling pointのバリデーションメッセージ表示が消える。

```Razor
@using System.Globalization
@using MudDataGridSample.Data

<EditForm Model="@EditData" @ref="form" OnValidSubmit="@Submit">
    <DataAnnotationsValidator />
    <div>
        <label>Name</label>
        <InputText @bind-Value="EditData.Name"></InputText>
        &nbsp;<ValidationMessage For="@(() => EditData.Name)" />
    </div>
    <br />
    <div>
        <label>Melting point</label>
        <InputNumber TValue="Double" @bind-Value="EditData.MeltingPoint" />
        &nbsp;<ValidationMessage For="@(() => EditData.MeltingPoint)" />
    </div>
    <br />
    <div >
        <label >Boiling point</label>
        <InputNumber TValue="Double" @bind-Value="EditData.BoilingPoint" />
        &nbsp;<ValidationMessage For="@(() => EditData.BoilingPoint)" />
    </div>
    <br />
    <div >
        <input type="submit" value="Save" />
    </div>
</EditForm>

@code {
    EditForm? form;

    public Element EditData { get; set; } = new Element { Name = "Hydrogen", MeltingPoint = -259.14, BoilingPoint = -252.87 };

    private async Task Submit()
    {

        await InvokeAsync(StateHasChanged);
    }
}
```

### 試したこと
- TextChangedイベントで値を入れ直してStateHasChangedを呼んでも効果はありませんでした。

Blazorでフォームの再検証を行うには？

### 実現したいこと

タイトルの通り、Blazor Hybrid で iframe を使用したいです。


### 発生している問題・エラーメッセージ
こちらに、テスト用に作ったプロジェクトをアップロードしました。
https://dotup.org/uploda/dotup.org2944583.zip

※起動には、下記2つが必要です。
①WebView2ランタイム
https://developer.microsoft.com/ja-jp/microsoft-edge/webview2/
②.net 7.0
https://dotnet.microsoft.com/ja-jp/download/dotnet/7.0

症状は、起動時に下記のエラーが表示されて、動作しません。
iframeを使わなければ、正常に表示出来ます。
```
Error: There is no browser renderer with ID 0
```
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-19/28f2c28e-1f67-474c-b102-881ace66cba1.png)

Blazor Hybrid で、iframeが使えない。

### 実現したいこと
クライアント上で動作する Blazor WebAssembly でローカルのフォルダやファイルの一覧を表示したいです。

セキュリティ上の制約として、ブラウザ側からローカルのファイルを直接覗けないようになっているということは知識としては知っていますが、例えば Jupyter Notebook ではブラウザからローカルのファイルシステムをがっつり読み書きしているので、Blazor でも同じことができるんじゃないかと考えています。

できれば C# コードのみで実装したいですが、JavaScript と連携する方法でも十分と考えています。

### 前提
.NET6 Hosted Blazor WebAssembly を使用して、Windows10 Pro 64bit 22H2 上で動かしています。

### 試したこと

C#/Blazor のほうは情報が拾えずまったく手が出せない状態です。

JavaScript 方面はよわよわなので、何をどう試せばよいのかがわからずここに投稿しています。


コードを一つも掲載できずに申し訳ありませんが、何か糸口になる情報を得られればと思いますのでご協力よろしくお願いします。

Hosted Blazor WebAssembly でクライアントのローカルフォルダやファイルの一覧を web ページ上に表示したい

### 実現したいこと
HttpContextのSessionクラスへSetStringメソッドを用いた書込みの実現


### 前提
現在BlazorServerを使ったアプリケーション開発を行っております。
その中で、各セッションごとにユーザー情報などを管理するために
HttpContextのSessionクラスへ、SetStringを用いた書込み処理を実装しておりますが、
下記のエラーが発生しており書込みに失敗しております。
なお、当エラーについては同じソースコードで発生する環境とそうでない環境があるため、
何らかの設定が起因しているものと推測しております。
エラーメッセージから原因を推測しておりますが、
ブラウザの設定などいろいろと見直してみたものの解決に至っておりません。
御助力いただけますと幸いです。


### 発生している問題・エラーメッセージ
（一部マスキング）
System.InvalidOperationException
  HResult=0x80131509
  Message=The session cannot be established after the response has started.
  Source=Microsoft.AspNetCore.Session
  スタック トレース:
   場所 Microsoft.AspNetCore.Session.DistributedSession.Set(String key, Byte[] value)
   場所 Microsoft.AspNetCore.Http.SessionExtensions.SetString(ISession session, String key, String value)
   場所 ○○○○.Data.SessionControl.SetSessionInfo(String key, Object value)(C:\visualstudiopj\source\○○○○\○○○○\Data\SessionControl.cs):行 ○○
   場所 ○○○○.Pages.SessionID.<SetSessionInfo>d__14.MoveNext()(C:\visualstudiopj\source\○○○○\○○○○\Pages\SessionID.razor):行 ○○
  この例外は、最初にこの呼び出し履歴 
    [外部コード]
    ○○○○.Data.SessionControl.SetSessionInfo(string, object) (SessionControl.cs 内)
    ○○○○.Pages.SessionID.SetSessionInfo() (SessionID.razor 内) でスローされました

### 該当のソースコード

```C#
public void SetSessionInfo(string key, object value)
        {
            HttpContext httpContext = _httpContextAccessor.HttpContext;
            ISession session = httpContext.Session;
            // 格納するデータをJSON文字列にシリアライズして取得
            string jsonValue = JsonSerializer.Serialize(value);
            // セッションに指定されたキーでJSON文字列を格納
            session.SetString(key, jsonValue);
        }
```

### 試したこと

●環境
・ブラウザで履歴データ（Cookie含む）削除
・ブラウザのプライバシー設定変更（Cookieなどブロックしないように設定）
・サイトlocalhostのセキュリティ例外に追加
・強化型トラッキング防止機能の例外にlocalhostを追加（Firefox）
・Ignite UIのアンインストール
●PG
・Program.csの書き換え
　builder.Services.AddDistributedMemoryCache();
　builder.Services.AddSession(options =>
　{
　　options.IdleTimeout = TimeSpan.FromSeconds(10);
　　options.Cookie.HttpOnly = true;
　　options.Cookie.IsEssential = true;
　});
・セッションインタフェースのキャスト（ISession→DistributedSession）
・IHttpContextAccessorをコンストラクタではなくメソッドのパラメタでで引き渡し

### 補足情報（FW/ツールのバージョンなど）
・FW
　Blazor Server
・言語
　C#、razor
・IDE
　VisualStudio2022


Blazor Server 環境下でのSessionクラスへの書き込みエラー回避

### 実現したいこと
- [aタグをクリックした瞬間にh1タグのテキストをtitleタグのテキストから取得したい] 

### 前提
Windows 11 の Visual Studio 2022 で Blazor WASMアプリをターゲットフレームワーク .NET 7.0 で作っています。
その中にjQueryにてh1タグをtitleから拾ってくる機能を実装中に以下のような動作で困っております。

### 発生している問題
aタグをクリックしてもページ自体は書き換わるものの、jQueryは1回目には動作せず、２回目に動作する。

### 該当のソースコード

blazor
ソースコード

**■a.razor（titleタグ部分）**
<PageTitle>映像項目一覧</PageTitle>

**■b.razor（書き換えたいh1タグ部分）**
<h1 id="msg">映像項目一覧</h1>

・該当のリンクボタンソース
```
<div class="nav-item px-3">
            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                <span class="oi" aria-hidden="true"></span><span class="title01" @bind="title">ほげほげ</span>
            </NavLink>
        </div>
```
・blazorでのコンパイル後
```
<div class="nav-item px-3" b-hlwxk8ij4i="">
<a href="" class="nav-link active">
<span class="oi" aria-hidden="true" b-hlwxk8ij4i=""></span>
<span class="title01" @bind="title" b-hlwxk8ij4i="">ほげほげ</span>
</a>
</div>
```


**■index.html jQuery**
```
　　　　$(document).on("click change unload", ".nav-link", function () {
            $('h1').text($('title').text());
        })
```        

### 試したこと
console.log($('title').text());
などでコンソール出力を確認しました。
また、on がページ読み込みが完了せずに動いているのが問題なのかと思いunloadやloadなども試してみましたが結果は変わりませんでした。

### 補足情報（FW/ツールのバージョンなど）

開発環境：Visual Studio2022
動作確認環境：edge

blazorとjQueryでtitleタグよりテキストを取得しh1タグに入力したい

### 実現したいこと

Blazorのサンプルではサーバーの値をクライアントへ返すところは記述されていますが、クライアントの値をサーバーへ渡すところは書かれていないように思えます。
どのような方法があるのでしょうか？
わかりやすく解説されているサイトなどありましたらご紹介いただきたいです。
よろしくお願いします。

### 該当のソースコード

```ここに言語名を入力
    private WeatherForecast[]? forecasts;

    protected override async Task OnInitializedAsync()
    {
        forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("WeatherForecast");
    }
```




Blazorでサーバーへの値渡し方法

### 前提
Blazor webassemblyアプリからSQLServerに接続をしようとしています。
しかし接続文字列を記述するときに、作成したSQLServerの接続情報がわからなくなってしまいました。
SQLServerはSSMSから捜査しています。
### 実現したいこと
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-13/344ae5e5-fd39-4267-a160-eaee6de04b65.png)
上記ドラッグしている箇所に当てはまる接続文字列を把握する

### 発生している問題・エラーメッセージ
接続文字列がわからず、
「SSMS　接続文字列　取得」などの検索ワードで取得方法を見ていますが
未だ方法がわかりません。

### 試したこと
以下のサイトに載っている、SQL文から情報を取得する方法を試してみました。
確かに接続文字列は取得できるのですが、
実行してみるとアプリからの接続はできませんでした。
また、ユーザIDやパスワードを使用した形でもなかったので
今は別の方法を模索中です。

https://qastack.jp/dba/20528/how-to-check-connection-string-in-ssms2012
```sql
select
    'data source=' + @@servername +
    ';initial catalog=' + db_name() +
    case type_desc
        when 'WINDOWS_LOGIN' 
            then ';trusted_connection=true'
        else
            ';user id=' + suser_name()
    end
from sys.server_principals
where name = suser_name()
```
SQL実行結果
data source=DA001597;initial catalog=DASample;trusted_connection=true


### 補足情報（FW/ツールのバージョンなど）
SQLServerは15.0.2000.5を使用
SSMSは18を使用

SSMSからSQLServerへ接続するときは以下の情報が表示されます。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-13/9ec50e6b-6008-495f-abb2-be61dda6031d.png)


パスワードまでは出せないかもしれないのですが、
宜しくお願い致します。