アップロードフィールド
メソッド「 filefield() 」は、ファイルをアップロードするためのフィールドを提供します。アップロードのためのフィールドがどの様なものか確認します。
なお、このフォームでは、その特性を活かすために、エンコーディングタイプを「 &CGI::MULTIPART 」としておく必要があります。
エンコーディングタイプ「 &CGI::MULTIPART 」は、(
0xfd) で確認しました。
filefiled() のコード
メソッド filefield() は次の様に記述します。
print $q->filefield( -name => 'upload',
-default => 'default value',
-size => 50,
-maxlength => 80);
設定するパラメータは、(
0x104) で確認したテキストフィールド用のメソッド textfield() とまったく同じですから、次の様に記述することも可能です。
print $q->filefield('upload', 'default value', 50, 80);
1 番目のパラメータ「 -name 」以外はすべてオプションです。この辺りもメソッド textfield() と同じですが、パラメータ「 -default 」に関してはやや注意が必要です。
なぜなら、セキュリティ上の理由から、多くの Web ブラウザは、ファイルフィールドでのデフォルト値をサポートしていないからです。ですから、パラメータの値として何を設定したとしても、Web ブラウザからは無視されます。
このフォームは、JavaScript を利用した次のパラメータを理解するとのことです。
-onChange
-onFocus
-onBlur
-onMouseOver
-onMouseOut
-onSelect
HTML コード
上記 Perl コードから生成される HTML コードは次の通りです。
<input type="file" name="upload" value="default" size="50" maxlength="80" />
input 要素で生成されているということは、テキストフィールドの生成と同様に、メソッド input() が利用出来ます。パラメータは type を利用します。
print $q->input({ -type => 'file',
-name => 'upload',
-default => 'default',
-size => 50,
-maxlength => 80} ));
パラメータ -type では、HTML の input 要素に合わせて「 file 」の文字列を設定します。これで、メソッド filefield() を利用した場合と同様の機能を実現出来ます。
Web ブラウザでの表示
いつのも HTML コードを利用して Web ブラウザ ( Chrome 37.0 ) での表示と動作を確認します。
何やら馴染みのあるボタンが設置されています。少しだけドキドキしながら、[ ファイルを選択 ] ボタンを押下します。するとどうでしょう。これもまたお馴染みのファイル選択画面が現れました。
え、たったこれだけで、ファイルのアップロードが完了するの ? すごーい。
そう思っていた時期が僕にもありました。
0x108 -> 0x109 へ
メソッド filefield() だけでは、ファイルのアップロードは出来ません (キリ。
次回は、ファイルアップロードの基本的な処理を確認します。
参考情報は書籍「 初めての Perl 第 6 版 」を中心に perldoc, Wikipedia および各 Web サイト。それと詳しい先輩。
目次 - Perl Index