0) { obj.className = "imgborder_on"; } } } function hideImage(obj) { if (obj.className.substr(0, 10) == "imgborder_") { obj.src = eyeglass.src; obj.className = "imgborder_off"; } } function showAllImages() { imgs = document.images; for (i=0; i < imgs.length; i++) { showImage(imgs[i]); } } function hideAllImages() { imgs = document.images; for (i=0; i < imgs.length; i++) { hideImage(imgs[i]); } } //-->
Oracle Application Express 3.1のBLOBデータの定義および表示
目的
このチュートリアルでは、Oracle Application Express 3.1を使用してデータベースのBLOBデータを挿入および表示するレポートとフォームの作成方法を説明します。
所要時間
約30分
トピック
このチュートリアルでは、以下のトピックについて説明します。
スクリーンショットの表示
![]()
このアイコンの上にカーソルを置くと、すべてのスクリーンショットがロードし、表示されます。
（警告：すべてのスクリーンショットが同時にロードされるため、ご使用のインターネット接続によってはレスポンス・タイムが遅くなる場合があります。）
注：各手順に関連したスクリーンショットのみをロードして表示する場合は、それぞれの手順にあるアイコンの上にカーソルを置いてください。 個々のスクリーンショットはクリックすると、非表示になります。
概要
宣言的なBLOBのサポートにより、ファイルをフォームに宣言的にアップロードし、レポートを使用してダウンロードまたは表示できます。 また、BLOBの表示およびダウンロード手順をPL/SQLを使用して作成できます。 詳細については、ヘルプをクリックして、BLOBを検索してください。
Oracle Application Express 3.1の新機能の詳細を取得するには、
ここ（英語）をクリックしてください。
このチュートリアルでは、表にBLOBデータを追加してレポートとフォームで使用する方法を説明します。
トピック・リストに戻る
前提条件
このチュートリアルを始める前に以下を確認してください。
| 1.
|
Oracle Database 9.2以上がインストールされ、データベースにOracle Spatialが構成されていること。
|
| 2.
|
Oracle Application Express 3.1がダウンロードおよび構成されていること。
|
| 3.
|
ここからOEHR Sample Objectsパッケージ・アプリケーションをダウンロードして、Oracle Application Express 3.1インスタンスにインポートしていること。
|
| 4.
|
BLOB列情報でOEHR_EMPLOYEESを変更するスクリプトを含む
blob.zipファイルをダウンロードおよび解凍していること。
|
| 5.
|
このチュートリアルの前に、『
Oracle Application Express 3.1のインタラクティブ・レポートの構築およびカスタマイズ』チュートリアルを実行する必要があります。 または、Oracle Application Expressのパッケージ・アプリケーションとしてOracle by Example（OBE）新機能アプリケーションをインポートできます。
apexnf.zipファイルをダウンロードおよび解凍して、irrobe_packagedapp.sqlパッケージ・アプリケーション・ファイルをインポートしてください。
|
注：アプリケーション番号とページ番号は、スクリーンショットの表示と若干異なる場合があります。
トピック・リストに戻る
表の変更によるBLOBデータの追加
OEHR_EMPLOYEES表にMIMETYPE、FILENAME、およびLAST_UPDATE_DATEの列とともに、BLOB列のPHOTOを追加する必要があります。 以下の手順を実行します。
| 1.
|
表のBLOB列を最初に定義する必要があります。 ここでは、PHOTO列をOEHR_EMPLOYEES表に追加します。 また、画像の特定の属性を格納して別の方法で表示できるように、MIMETYPE、FILENAME、およびLAST_UPDATE_DATE列を作成します。 「
SQL Workshop」→「
SQL Script」へ移動します。
![]()
|
| 2.
|
「
Upload」をクリックします。
![]()
|
| 3.
|
前提条件でファイルをダウンロードして解凍したディレクトリの「
addblob.sql
」ファイルを選択します。 名前フィールドに名前を入力して、「
Upload」をクリックします。
![]()
|
| 4.
|
アップロードされたファイルを選択します。
![]()
|
| 5.
|
「
Run」をクリックします。
![]()
|
| 6.
|
確認ウィンドウで、「
Run」をクリックします。
![]()
|
| 7.
|
実行するスクリプトが送信されました。 「
View Results」アイコンをクリックします。
![]()
|
| 8.
|
PHOTO BLOB列、MIMETYPE、FILENAME、LAST_UPDATE_DATEを含むよう、表が正しく変更されました。 「
Application Builder」タブをクリックします。
![]()
|
トピック・リストに戻る
レポートを使用したフォームの作成
BLOBデータをロードして表示するには、レポートを使用したフォームを作成する必要があります。 以下の手順を実行します。
| 1.
|
新機能のアプリケーション・ページへ移動します。 「
Create Page」をクリックします。
![]()
|
| 2.
|
「
Form」ページ・タイプをクリックします。
![]()
|
| 3.
|
「
Form on a Table with Report」をクリックします。
![]()
|
| 4.
|
「
Next」をクリックします。
![]()
|
| 5.
|
「
OEHR_EMPLOYEES」表を選択または入力して、「
Next」をクリックします。
![]()
|
| 6.
|
Implementationに「
Classic」を選択し、Page NameとRegion Titleに
Maintain Employee Informationと入力して、「
Next」をクリックします。
![]()
|
| 7.
|
デフォルト値を受け入れて、「
Next」をクリックします。
![]()
|
| 8.
|
レポートには、列リストから「
FIRST_NAME」、「
LAST_NAME」、「
EMAIL」、および「
PHOTO」を選択して、「
Next」をクリックします。
![]()
|
| 9.
|
デフォルト値を受け入れて、「
Next」をクリックします。
![]()
|
| 10.
|
Page NameとRegion Titleに
Maintain Employee Detailsと入力して、「
Next」をクリックします。
![]()
|
| 11.
|
デフォルト値を受け入れて、「
Next」をクリックします。
![]()
|
| 12.
|
デフォルト値を受け入れて、「
Next」をクリックします。
![]()
|
| 13.
|
MIMETYPE、FILENAME、およびLAST_UPDATE_DATE以外のすべての列を選択して、「
Next」をクリックします。 注：選択しなかった列は、PHOTOを追加する際に自動的に移入されます。
![]()
|
| 14.
|
デフォルト値を受け入れて、「
Next」をクリックします。
![]()
|
| 15.
|
「
Finish」をクリックします。
![]()
|
| 16.
|
「
Run Page」をクリックします。
![]()
|
| 17.
|
レポートが表示されます。 現在、BLOBファイルをまだアップロードしていないので、Photo列にデータはありません。 従業員の「
Edit」アイコンをクリックします。
![]()
|
| 18.
|
フォームが表示され、画像を追加できます。 「
Browse...」をクリックします。 ファイル（ここでは
dog.gif）を選択し、「
Open」をクリックします。
![]()
|
| 19.
|
「
Apply Changes」をクリックします。
![]()
|
| 20.
|
画像を追加したレコードのDownloadリンクがレポートに表示されていることを確認します。 「
Download」リンクをクリックします。
![]()
|
| 21.
|
ダウンロード・リンクをクリックすると、ウィンドウが表示されます。このウィンドウでファイルをダウンロードできますが、ファイルの名前やコピー先は表示されません。 次の項では、フォームとレポートのPhoto列に関連づけるパラメータを指定する方法を確認します。
![]()
|
トピック・リストに戻る
フォームのBLOBデータの更新および表示
BLOBデータを表示する方法（インラインまたは添付ファイル）を変更できます。 以下の手順を実行します。
| 1.
|
以前に画像を追加した従業員の「
View」アイコンをクリックします。
![]()
|
| 2.
|
ダウンロード・リンクが自動的に表示されることを確認します。 開発者ツールバーの「
Edit Page」リンクをクリックします。
![]()
|
| 3.
|
Itemsの「
P<#>_PHOTO」リンクを選択します。
![]()
|
| 4.
|
「
Source」タブを選択します。
![]()
|
| 5.
|
「
BLOB Download Format Mask」リンクをクリックします。
![]()
|
| 6.
|
データベースから情報を読み取るには、MIMETYPEに
MIMETYPE、FILENAMEに
FILENAME、BLOB Last Updated Columnに
LAST_UPDATE_DATEを入力します。 Content Dispositionに「
Attachment」を選択し、Download Link TextをデフォルトのDownloadのままにして、「
Apply」をクリックします。
![]()
|
| 7.
|
入力値に基づいてソースの値または式が変更されていることを確認します。 「
Apply Changes」をクリックします。
![]()
|
| 8.
|
「
Run Page」をクリックします。
![]()
|
| 9.
|
MIMETYPE、FILENAME、およびLAST_UPDATE_DATEをデータベースに移入するには、ファイルを再アップロードする必要があります。 「
Browse...
」をクリックし、ファイル（ここでは
dog.gif）を選択して、「
Open」をクリックします。
![]()
|
| 10.
|
「
Apply Changes」をクリックします。
![]()
|
| 11.
|
ダウンロード・リンクを含む行の「
Edit」アイコンを選択します。
![]()
|
| 12.
|
「
Download」リンクをクリックします。
![]()
|
| 13.
|
ダイアログでファイル名が指定されていることを確認します。 MIMETYPEから識別されるプログラムを使用して、添付ファイルとしてファイルを開いています。 「
OK」をクリックします。
![]()
|
| 14.
|
別のウィンドウでファイルが開きます。 このウィンドウを閉じます。
![]()
|
| 15.
|
Content Dispositionを変更して、添付ファイルの代わりにインラインを選択した場合の動作を確認します。 「
Edit Page」をクリックします。
![]()
|
| 16.
|
Itemsの「
P<#>_PHOTO」をクリックします。
![]()
|
| 17.
|
Sourceの「
BLOB Download Format Mask」リンクをクリックします。
![]()
|
| 18.
|
Content Dispositionを「
Inline」に変更して、「
Apply」をクリックします。
![]()
|
| 19.
|
「
Apply Changes」をクリックします。
![]()
|
| 20.
|
「
Run Page」をクリックします。
![]()
|
| 21.
|
「
Download」リンクをクリックします。
![]()
|
| 22.
|
ブラウザ内にイメージが表示（インライン）されていることを確認します。 フォームに戻るには、ブラウザの「
Back」ボタンをクリックします。
![]()
|
| 23.
|
次の項では、レポート内のイメージを表示するために必要な変更をおこないます。 「
Apply Changes」をクリックします。
![]()
|
トピック・リストに戻る
レポートのBLOBデータの表示
この項では、レポート内のBLOB列をさまざまな方法で表示するために必要な変更をおこないます。 以下の手順を実行します。
| 1.
|
開発者ツールバーの「
Edit Page」リンクをクリックします。
![]()
|
| 2.
|
Regionsの「
Report」リンクを選択します。
![]()
|
| 3.
|
PHOTOの「
Edit」アイコンを選択します。
![]()
|
| 4.
|
Column Formattingで、BLOBの一部のパラメータが表示されていることを確認します。 「
BLOB Download Format Mask」リンクを選択します。
![]()
|
| 5.
|
MIMETYPEに
MIMETYPE、FILENAMEに
FILENAME、BLOB Last Updated Columnに
LAST_UPDATE_DATEを入力します。 Content Dispositionが
Inlineに設定されていることを確認します。 「
Apply」をクリックします。
![]()
|
| 6.
|
「
Apply Changes」をクリックします。
![]()
|
| 7.
|
「
Run Page」をクリックします。
![]()
|
| 8.
|
「
Download」リンクを選択します。
![]()
|
| 9.
|
ブラウザにインラインでイメージが表示されていることを確認します。 ブラウザの「
Back」ボタンをクリックして、レポートに戻ります。 添付ファイルのContent Dispositionはフォームと同じ動作なので、このオプションを再確認する必要はありません。
![]()
|
| 10.
|
「
Edit Page」をクリックします。
![]()
|
| 11.
|
Regionsの「
Report」リンクを選択します。
![]()
|
| 12.
|
PHOTOの「
Edit」アイコンを選択します。
![]()
|
| 13.
|
Column Formattingで、「
BLOB Download Format Mask」リンクを選択します。
![]()
|
| 14.
|
Format Maskを「
IMAGE」に変更して、「
Apply」をクリックします。
![]()
|
| 15.
|
「
Apply Changes」をクリックします。
![]()
|
| 16.
|
「
Run Page」をクリックします。
![]()
|
| 17.
|
ここでは、直接イメージがレポートに挿入されます。
![]()
注：イメージの表示属性を変更する（サイズを小さくする）には、プログラムでイメージを格納する必要があります。 「
Oracle Database Application Express ユーザーズ・ガイド リリース3.1」ドキュメント内の Oracle Application Express APIs - GET_BLOB_FILE_SRC Function の項目を参照してください。
|
トピック・リストに戻る
まとめ
このチュートリアルで学習した内容は、次のとおりです。
![]() |
表の変更によるBLOBデータの追加 |
![]() |
BLOB列を含むレポートを使用したフォームの作成 |
![]() |
フォームとレポートのBLOBデータの表示 |
トピック・リストに戻る
関連情報
Oracle Application Expressの詳細については、次のドキュメントで確認できます。
|
関連ドキュメント
|
説明
|
|
オンライン・ヘルプ
|
このヘルプへアクセスするには、Oracle Application Expressの上部右隅に表示されている「
Help」ボタンをクリックしてください。 関連するトピックを検索します。
|
|
リリース・ノート
|
このノートには、Oracle Application Expressドキュメントに掲載されていない重要な情報が含まれています。
|
|
インストレーション・ガイド
|
このガイドでは、Oracle Application Expressのインストール方法および構成方法を説明します。
|
|
2日で開発者ガイド
|
ここでは、このガイドを使用した開発環境の設定方法、またはホストのデモ環境へのアクセス方法が示され、初期アプリケーションの構築、変更、プレビューについて段階的に説明します。
|
|
ユーザーズ・ガイド
|
このガイドでは、Oracle Application Express開発環境を使用して、データベース中心のWebアプリケーションを構築およびデプロイする方法を説明します。 Oracle Application Expressを使用して単独のOracleデータベースを共有サービスへと移行することで、分割されたデータベースでアプリケーションを実行している場合と同様に、アプリケーションに対し、複数のワークグループによる構築およびアクセスが可能となります。
|
|
アドバンスト・チュートリアル
|
上級チュートリアルは、Oracle Application Express開発環境を使用して、さまざまなアプリケーション・コンポーネントおよびすべてのアプリケーションを作成する方法に関して、段階的な手順で説明します。
|
トピック・リストに戻る
![]()
このアイコンの上にカーソルを置くと、すべてのスクリーンショットが非表示になります。
|
Developer Tools
Printer View