メインコンテンツへスキップ

確定後ＰＤＦ表示

  • 更新

!++++

Ver.5　[ 機能を見る ] [ 機能設定を見る ]
Ver.6　[ 機能を見る ] [ 機能設定を見る ]

!----

1. はじめに

Client-side JavaScript を用いて、確定処理後に PDF ファイルを表示する方法について説明します。

2. サンプル機能の内容と確認ポイント

確定処理後、対象の PDF ファイルが存在する場合はその PDF を表示し、存在しない場合は noimage 画像を表示します。

 

表示対象の PDF ファイルは、Web からアクセス可能な場所に配置する必要があります。
具体的には、「メインメニュー」＞「機能構築」＞「システム設定情報メンテナンス」の「THUMBNAIL_TOP」に設定されているフォルダに格納してください。

 

Client-side JavaScript における実装内容は以下のとおりです。

  • resizeContents_end 関数内で、eventName が 'UPDATE' の場合（＝確定処理が実行された場合）に、fetch API を使用して HEAD メソッドでファイルの存在を確認します。

  • ファイルが存在する場合は、対象の PDF のパスを指定して window.open() を使用し表示します。

  • 存在しない場合は、noimage 画像のパスを指定して表示します。

※本サンプルでは PDF を動的に生成していないため、noimage 画像の表示はロジック上の動作に留まり、実際の表示は確認できません。

 

🔍 確認いただけるポイント

  • 「確定」ボタン押下後に PDF が表示されること

3. 画面イメージ

以下は、「確定」ボタン押下後に 別ウィンドウでPDF ファイルが表示された状態を示しています。

 

!++++

使用したコード一覧

•resizeContents_end()

!----