おしえて

サーバー内のフォルダにある写真をＩＥでサムネイル表示させたい。

締切済

質問者：mayu1992
質問日時：2021/04/29 11:44
回答数：5件

htmlを書いたことがない素人です。（なんとなく用語を聞き覚えがある程度）
　フォルダ内にindex.htmlを置いて開くと、新たに追加された写真も自動でサムネイルが表示されるような便利なものを作りたいと思っています。（フリーソフト禁止なので）
リモートワークとか行っていると無駄に容量が大きいファイルを開きたくありません。
　サムネイルをポイントすると拡大するとか、クリックすると元ファイルが表示できれば更に良いと思っています。
一般的にJAVAは入っていると思いますが、なにが出来るのかはわかっていません。

・会社のサーバーには各業務毎の写真があちこちのフォルダに保存されています。
・エクスプローラーの特大アイコンでも、どれが必要なのかは開いて拡大表示させないと本当に必要なのかはわかりません。

　フォルダ内に表示させるツール（ここでは仮にindex.htmlとします）を保存して、開くとサムネイル、ファイル名、撮影日が表示される。左フレームには下層フォルダが表示され、選択したら同様にサムネイル他が表示される。

　この様な都合のよいものは素人には作れない、そもそもこの様な事は出来ない等もご回答頂けたら諦めも付きますのでよろしくお願いします。
　長文を最後までお読み下さり、ありがとう御座います。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

最新から表示
回答順に表示

No.5

回答者： Ogre7077
回答日時：2021/04/29 18:50

Internet Explorer などの Web ブラウザは、

安全のためにファイルを探する機能が制限されていますので、
index.html 単体ではフォルダ内のファイルをすべて表示できません。

代案として
フォルダ内に置いたスクリプトを実行することで、
フォルダ内の写真ファイル全部を一覧化する index.html を作らせる
のはいかがでしょうか。

以下、ごく簡単なスクリプト(Windows Script File)の例です。
----- make-index.wsf
<?xml version="1.0" ?>
<job><script language="JScript"><![CDATA[
function makeItem(f) {
var s = "<li><p><a href='<<path>>' title='<<name>>'><img src='<<path>>'></a></p><p><<name>></p></li>\n";
s = s.replace(/<<path>>/g, f.name);
s = s.replace(/<<name>>/g, f.name);
return s;
}
var items = "";
var fso = new ActiveXObject("Scripting.FileSystemObject");
var fs = fso.getFolder(".").files;
for (var fc=new Enumerator(fs); !fc.atEnd(); fc.moveNext()) {
var f = fc.item();
if (/\.(gif|png|jpe?g|svg)$/.test(f.name)) {
items += makeItem(f);
}
}
var html = "<html><style>img{max-width:100px;}</style><ul>"+items+"</ul></html>";
var hf = fso.openTextFile("./index.html", 2, true, -1);
hf.write(html);
hf.close();
]]></script></job>
-----

画像一覧を表示する index.html が出来たならば、
拡大表示・諸元データ表示・下層フォルダのメニュー等の付加機能を、
JavaScript を使って組み込むことは割と簡単出来ます。

- 0
- 件

通報する

No.4

回答者：銀鱗
回答日時：2021/04/29 12:20

もうすぐ完全サポート終了予定の Internet Explorer でしょうか。

単にWebブラウザという事でしょうか。
それともエクスプローラー（フォルダの形をしたアイコン）上という事でしょうか。

エクスプローラの上で表示したいなら、サムネイルを表示する設定にするだけですよ。

WEBブラウザ上で開きたいという事なら、エクスプローラでファイルを確認した後、そこからWEBアプリにドラッグ＆ドロップするという方法があります。

・・・

というか、情報漏洩を覚悟で*¹ 誰かに作ってもらおうという考えでなければ、
「誰かに聞かなきゃならないレベルの人はおとなしく諦める」
のが正解と思います。
敷居が高すぎると思います。

・・・
*¹ 不正アクセスされるような仕組みを組み込まれても、自身でそれを見つけられない状況を指します。

- 0
- 件

通報する

この回答へのお礼

つらい・・・

早速のご返答ありがとうございます。
※１は大変重要な課題だとご指摘ありがとうございます。
どこから手を付ければよいのか、また出来るのかどうかも含め質問させて頂いた次第です。
ＩＥは終了してしまうのですね。他に変わったとしたら、変わった後にでも考える猶予が出来た気がします（特に急いでいなくて、あったら便利的な感じです）
エクスプローラーではなく、Ｗｅｂブラウザです。質問が曖昧となりすみませんでした。
やはり敷居は壁ですよね。
コツコツと積み上げるか、さっさと諦めるか。
ご助言、ご指摘ありがとうございました。

通報する

お礼日時：2021/04/29 12:42

No.3

回答者：タマタマポチ
回答日時：2021/04/29 12:12

そんなややこしいことをしなくても「画像ビューア」ソフトを使えばいいでしょう。

以下はとても使いやすいです。
「XnView」フリーソフトです。　
　　
https://freesoft-100.com/review/xnview.php
　　
上部にサムネイル（サイズ調整可能-最大192×192）が表示され、上部で選択（クリック）したものが、下に拡大表示（マウスホイールでサイズ可変）されます。
選択は矢印キーで移動します。

- 0
- 件

通報する

No.2

回答者：かわごえ
回答日時：2021/04/29 12:09

＞新たに追加された写真も自動でサムネイルが表示されるような便利なものを

HTMLだけではできませんね。
サーバー側で追加を認識し表示させる処理しなきゃです。

こちらでは imagemagic を使用しています。
https://www.itcore.jp/tips/img_index.php
会社のサーバーが何か分かりませんけど、ごく一般的にphpでいけると思います。

- 0
- 件

通報する

この回答へのお礼

ありがとう

早速のご返信ありがとうございます。
「こちらでは」ということで同じ事が可能と受け取れてよかったです。
サーバーが何かは、まったくわかりません。
ｐｈｐは聞いたことがあるだけで何が出来るのかはわかりませんが、ご丁寧にリンクを頂けたので後程確認致します。
感謝です。

通報する

お礼日時：2021/04/29 12:30

No.1

回答者： lv4u
回答日時：2021/04/29 12:07

リモートワークの環境が書かれてないので十分に答えることができませんが・・・。

もし、リモートディスクトップで仕事されているなら、普通にＩＥで写真のファイルを開けばいいのでは？なんて思います。
別にindex.htmlを作る必要もないと思いますが。

- 0
- 件

通報する

この回答へのお礼

早速のご返信ありがとうございます。
リモートワークに環境が異なることすら理解しておりませんでした。
自宅にノートパソコンを持ち込んで、自宅のWi-fiに接続し会社にはVPN接続している。と、お答えすればよいでしょうか？
　これであれば通信制限は気にする必要が無いのですが、スマートフォンやフリーWi-Fiだと通信速度などが気になる感じです。そのことを仰っていたのでしょうか。
　直接ファイルを開く。おっしゃる通りです。
しかしながら、ブラウザで４枚程の大きさで表示されていたら、スクロールするだけで所望の画像が見れると楽かなと思いまして質問させて頂きました。

通報する

お礼日時：2021/04/29 12:26

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！