window.onload = function() {
dp.SyntaxHighlighter.ClipboardSwf = ‘http://tmh.main.jp/lib/js/dp.SyntaxHighlighter/Scripts/clipboard.swf’;
dp.SyntaxHighlighter.HighlightAll(‘code’);
};
デモ (複数アップロードは、chromeのみ) ※アルバムページのindex.htmlを自動作成版
写真が入ってるフォルダを指定すると、フォルダ内の写真を一括アップロードする。同時に、アップロードするオリジナル写真のサイズを、指定サイズにリサイズ(空白のままだと、リサイズしない)。
(デジカメ写真は、そのままだと、3000pxとかでかすぎるので、アップロードと同時にリサイズする)
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>pictures</title>
<!--画像拡大スクリプト-->
<script type="text/javascript" src="http://tmhld.com/etc/js/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="http://tmhld.com/etc/js/highslide/highslide0.css" />
<script type="text/javascript">hs.graphicsDir = 'http://tmhld.com/etc/js/highslide/graphics/';hs.align = 'center';hs.transitions = ['expand', 'crossfade'];hs.outlineType = 'rounded-white';hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;
// Add the controlbar
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: 0.75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
<!--画像拡大スクリプト-->
</head>
<body>
<?php
//リサイズライブラリインクルード
include 'WideImage/WideImage.php';
// ※実際にはここでアップロードされたファイルの保存処理を行う
/*
echo "<pre>";
var_dump($_FILES);
echo "</pre>";
*/
/*------------------------------*/
//アップロード処理
/*------------------------------*/
//アップフォルダ
$updir = "./";
//アップフォルダのURL
$domain="http://".$_SERVER['SERVER_NAME'];
$pass =$_SERVER['PHP_SELF'];
$pass = str_replace("up2b.php", "", $pass);
$url = $domain.$pass;
//ディレクト作成
$FN = time();
mkdir($FN, 0755);
//アップ処理
foreach ($_FILES['f']['tmp_name'] as $value) {
//保存ファイル名
$value2= str_replace("/tmp/", "", $value);
$filename = $FN."/".$value2; //オリジナル
$filenameS = $FN."/".$value2."-s.jpg"; //サムネイル
//リサイズ
WideImage::load($value)->resize(150, 90)->saveToFile($updir.$filenameS);
// big.png を読み込んで50x30ピクセルにリサイズしてsmall.jpgに保存
//次の部分でファイルを保存
move_uploaded_file($value, $updir.$filename);
//リサイズ処理
if($_POST['size'] == ""){
echo "<a _target=_blank href=" . $url.$filename . " class="highslide" onclick="return hs.expand(this)"><img src=". $url.$filenameS ." style='border:0px solid silver;width:150px;margin:3px;'></a>";
}else{
//大きなファイルのリサイズ処理
WideImage::load($updir.$filename)->resize($_POST['size'], $_POST['size'])->saveToFile($updir.$filename.".jpg");
//オリジナルファイルの削除
unlink($updir.$filename);
echo "<a _target=_blank href=" . $url.$filename . ".jpg class="highslide" onclick="return hs.expand(this)"><img src=". $url.$filenameS ." style='border:0px solid silver;width:150px;margin:3px;'></a>";
}
}
?>
<!--アップロードフォーム-->
<br/><br/>
<form action="up2b.php" method="post" enctype="multipart/form-data">
<input name="f[]" type="file" webkitdirectory directory />
<span style="font-size:12px;color:slategray">◇リサイズ:<input size="5" type=text name="size">px(空白でリサイズしない)</span>
<br/><input type=submit>
</form>
</body>
</html>