最終更新日： 2026/02/27

最近増えているFLASH機能を使って、出来る限り動画や音楽は、ブラウザ内で再生したい。と言った場合にせっかく掲示板のカスタマイズ機能が役立ちます。

 

サポートにご相談いただければ、無償にてカスタマイズ代行も承ります。

本機能は、有料版アクティブモードのみで稼動する機能です。

>> 有料版アクティブモード

対応ファイルの状況

ただ今Webページ内で表示や再生が出来るファイルタイプは、以下の通りです。それ以外のファイルは、全てリンク式の指定になり、クリック後、ダウンロードやプレーヤーが起動し、再生出来るタイプになります。

ブラウザの機能を利用：	JPEG、GIF、PNG画像ファイル
FLASHプレーヤー機能を利用：	MP3（音楽）、FLV（動画）
リンク式：	その他のファイル

 

画像のアップロードとファイルのアップロードの違い

せっかく掲示板では、name="file" と言う変数で投稿された画像データを$iconに変更し、表示させる機能に加え、op11からop15の各変数をそれぞれの変数に変更する機能の計６つの画像を同時にアップロードする事が出来ます。

画像以外のファイルに関しまして、op11～op15に関する変数にて、画像以外のアップロードに対応します。

変数	画像のみ許可	画像・ファイル許可	MP3ファイル
file (icon)	画像のみ	画像のみ	未対応
op11	画像のみ	画像・ファイル	対応
op12	画像のみ	画像・ファイル	対応
op13	画像のみ	画像・ファイル	対応
op14	画像のみ	画像・ファイル	対応
op15	画像のみ	画像・ファイル	対応

 

 

設定方法

 

１．アクティブモードになっている事が条件です

２．メンテナンスルームにログインします。

３．掲示板、基本機能の設定に入室します

４．アップロードの許可をします。画像のみだけでは無く、ファイルを許可します。

１）アップロードしたファイルをそのまま公開する場合は、「許可：（すべてのファイル：要カスタマイズ）」をご選択下さい。

 

５．設定変更をして完了です。

 

アップロード機能の設置方法

基本的な設置方法は、icon変数の設置方法と同じになります。

>> ＦＡＱ／画像のアップロード機能

サポートでも無償対応を承りますので、お気軽にご用命ください。

 

投稿フォーム（ＦＯＲＭ編集）上には

<input tyle="file" name="op11">

ファイルのアップロード用タグを設置します。

 

記事の表示（ＭＥＳＳＡＧＥ編集）上には

下記Javascriptを設置下さい。

 

アップロード画像の変数 op11 の場合で、FLVファイルはプレーヤーを使用し、画像の時はサムネイル表示、その他のファイルはリンク形式の場合

<span id="upload$lot"></span>
<script>
var uploadspan = document.getElementById("upload$lot");
var addimg = "";
var setwidth = 150;

function openWindow(img, w, h, lot){
var ww = w + 45;
var hh = h + 30;
window.open(img, lot,
"width="+ww+",height="+hh+",scrollbars=yes");
}

function addImage$lot(img, w, h, lot){
if(img === "") return;
var ext = img.split(".").pop().toLowerCase();
if(/^(mp4|ogv|webm)$/.test(ext)){
addimg += '<video controls src="'+img
+'" width="320" height="260" style="margin:10px;"></video>';

}else if(ext === "mp3"){
addimg += '<audio controls src="'+img
+'" style="width:240px;height:60px;margin:10px;"></audio>';

}else if(/^(jpg|jpeg|gif|png|bmp|webp)$/.test(ext)){
var sizeAttr = (w > setwidth) ? ' width="'+setwidth+'"' : "";
addimg += '<a href="'+img+'" target="'+lot
+'" onClick="openWindow(\\''+img+'\\','+w+','+h+',\\''+lot+'\\');return false;">'
+ '<img src="'+img+'" border="0"'+sizeAttr+' alt="IMG" style="margin:10px;">'
+ '</a>';
}else{
var label = ext.toUpperCase();
addimg += '<a href="'+img+'">'+label+'ファイル</a>&nbsp;';
}
}

var IMG, size_w, size_h;

IMG = "$op11";
size_w = parseInt("$op11_w") || 0;
size_h = parseInt("$op11_h") || 0;
addImage$lot(IMG, size_w, size_h, "$lot");

IMG = "$op12";
size_w = parseInt("$op12_w") || 0;
size_h = parseInt("$op12_h") || 0;
addImage$lot(IMG, size_w, size_h, "$lot");

IMG = "$op13";
size_w = parseInt("$op13_w") || 0;
size_h = parseInt("$op13_h") || 0;
addImage$lot(IMG, size_w, size_h, "$lot");

uploadspan.insertAdjacentHTML('beforeend', addimg);
</script>