4.ファイルアップロードを動かす命令を記述

1. All Filesを選択します
   
2. \app\magic\(Magicフォルダ名) \(プログラム･タスク名)\(フォーム名).component.tsを開きます。
3. 一番下の　} の上にコードを挿入します。
   
4. 挿入するコード

   fileUpload = (event) => {
   const file = event.target.files[0];
       if (!file) {
       console.error('ファイルが選択されていません。');
       return;
       }
   
       const reader = new FileReader();
       reader.readAsDataURL(file);
   
       reader.onload = () => {
       // FileReaderのresultをstring型として扱うための型アサーション
       const result = reader.result as string;
       const base64Data = result.split(',')[1];
   
       // UIコントロールに値をセット
       this.mg.setValueToControl(this.mgc.V_vFileName, file.name);
       this.mg.setValueToControl(this.mgc.BlobData, base64Data);
       
       // シミュレートされたクリックイベントをトリガー
       this.mg.simulateClick(this.mgc.V_BtnEvent);
       };
   
       reader.onerror = (error) => {
       console.error('ファイルの読み込み中にエラーが発生しました:', error);
       };
   }
   
   fileUploadButton(): void {
       document.getElementById('file_upload')?.click();
   }
   

   ※赤文字はxpaで設定したコントロール名と置換してください。
   
   設置した様子
   

以上でボタンをクリックすることでファイルを選択し、選択することでクリックイベントが働きます。
クリックイベントでMagic側にて実ファイルにいたします。