Web ページ内のファイル リンクに対して自動的に拡張子やファイル サイズを表示させる方法です。
自分のサーバにファイルが存在する場合
JavaScript のみで実現できます。
別サーバにファイルが存在する場合
他のサーバにリンクされているファイルを取得したい場合、クロスドメイン云々の関係で JavaScript からは直接ファイル情報にアクセスできません。この回避方法として、ファイルが設置されているサーバにコールバック用のサーバ コードを仕込み、それを JSON 経由でやりとりする方法をとります。
1.ファイルが設置されているサーバ下のコードを含むファイルを設置します。PHP か Java かを用意しました。コード内の root 変数に URLのルートにあたるサーバのローカル ディレクトリ パスを設定してください(例:/usr/local/httpd/)。原因は追及しませんでしたが JSP のコードだとサーバ エラーを返す場合があったので自分は PHP 版を採用しました。
2.呼び出し側に以下の JavaScript コードを設置します。コード内の request_url 変数に getFileSize.php や getFileSize.jsp のパスを指定します。
3.HTMLからjquery.js と jquery.file.size-extension.js を参照させます。
呼び出し方法
以下の HTML で実行できます。jQuery の呼び出しは必須です。