Web画面の引数を画像ファイル名にして画像表示を行いたいのですが、できるのでしょうか?
画像フィアルが数千データが存在しており、他パッケージソフトより画像ファイル名
(格納パス+ファイル名)を指定して画像を表示したいと思っております。
HTMLとJacaScriptにて動作できることを目標にしております。
呼び出しは下記方法を考えております。
http://???.???.???.???/gazo_disp.html?q=12345.jpg
12345.jpg ファイル名(実際には、パスを含みます。)
パスは、Webサーバのホームからのパスになります。
確認のために下記コードにてファイル名が存在するか表示しております。
<p id="param"> </p><img での、画像ファイル名が入れば画像が表示されるのではないかと思います
が、うまくいっていないと思っております。
src="id="param""
お教えいただけるとありがたいです。
全体のソースコードになります。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>画像</title> 6 <script type="text/javascript"> 7 window.onload = function onLoad() { 8 param = GetQueryString(); 9 target = document.getElementById("param"); 10 target.innerHTML = param["q"]; 11 } 12 13 function GetQueryString() { 14 if (1 < document.location.search.length) { 15 var query = document.location.search.substring(1); 16 17 var parameters = query.split('&'); 18 19 var result = new Object(); 20 for (var i = 0; i < parameters.length; i++) { 21 var element = parameters[i].split('='); 22 23 var paramName = decodeURIComponent(element[0]); 24 var paramValue = decodeURIComponent(element[1]); 25 26 // パラメータ名をキーとして連想配列に追加する 27 result[paramName] = decodeURIComponent(paramValue); 28 } 29 return result; 30 } 31 return null; 32 } 33 </script> 34</head> 35<body> 36 <div>パラメーター</div> 37 <p id="param"> </p> 38 <img src="id="param"" width="1280" height="960" 39 alt="画像が存在しません。"> 40</body> 41</html>
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー