<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>画像表示</title>
<script>
window.onload = function() {
// URLからクエリパラメータを取得
const params = new URLSearchParams(window.location.search);
const imageName = params.get('image'); // 'image'はクエリパラメータの名前
if (imageName) {
// 拡張子なしのファイル名を使用して画像のパスを設定
const imagePath = 'image/' + imageName + '.jpg'; // '.jpg'は実際の画像の拡張子に合わせてください
// img要素のsrc属性を更新して画像を表示
document.getElementById('imageDisplay').src = imagePath;
} else {
// クエリパラメータがない場合の処理
document.getElementById('imageDisplay').alt = '画像ファイル名が指定されていません';
}
}
</script>
</head>
<body>
<h2>画像表示</h2>
<!-- 画像を表示するためのimg要素 -->
<img id="imageDisplay" alt="画像がここに表示されます">
</body>
</html>