PHP & JavaScript Room :: 設置サンプル

実行結果

ソース

<script type="text/javascript">
    /* 
     * ウィンドウに指定した画像ファイルを出力
     * @param gazo 画像ファイルのパス
    */
    function winOpenDocWrite(gazo){
        if(gazo==""){
            return alert("画像ファイルが指定されていません");
        }
        /* 画像ファイルかどうか拡張子チェック */
        var type=gazo.toLowerCase().slice(-4);
        if(type==".jpg" || type==".gif" || type==".bmp" || type==".png"){
        }else{
            return alert("画像ファイルではないファイルが指定されています。\n\n拡張子がjpg,gif,bmp,pngの画像ファイルを指定してください。");
        }
        /* ウィンドウを開く */
        var win;
        if(!win || win.closed){
            win=window.open('/content/demo/test.php','test','');
        }
        win.focus();
        /* ドキュメントを開く */
        win.document.open();
        /* ドキュメントクリア */
        win.document.clear();
        /* ドキュメントに文字列を出力 */
        var htm='';
        htm+='<!DOCTYPE html>';
        htm+='<html>';
        htm+='<head>';
        htm+='<meta charset=utf-8">';
        htm+='<title>タイトル<\/title>';
        htm+='<\/head>';
        htm+='<body>画像表示<br \/>';
        htm+='<img src="'+gazo+'" alt="" border="0" \/>';
        htm+='<p align=center><input type="button" value="閉じる" onclick="self.close()" \/>';
        htm+='<\/bo'+'dy>';
        htm+='<\/html>';
        win.document.write(htm);
        /* ドキュメントを閉じる */
        win.document.close();
    }
</script>

<form  name="form1" enctype="multipart/form-data" action="#" method="post">
    <input type="file" name="gazoPass" size="40" />
    <input type="button" value="出力" onclick="winOpenDocWrite(this.form.gazoPass.value)" />
</form>

polarized women