Klecksのファイルサイズがサーバの上限を超えている時はエラーメッセージに制限値と現在値を表示する。

petitnote/index.php

@@ -1,8 +1,8 @@
 <?php
 //Petit Note (c)さとぴあ @satopian 2021-2024
 //1スレッド1ログファイル形式のスレッド式画像掲示板
-$petit_ver='v1.56.7';
-$petit_lot='lot.20241106';
+$petit_ver='v1.56.8';
+$petit_lot='lot.20241107';
 $lang = ($http_langs = isset($_SERVER['HTTP_ACCEPT_LANGUAGE']) ? $_SERVER['HTTP_ACCEPT_LANGUAGE'] : '')
   ? explode( ',', $http_langs )[0] : '';
 $en= (stripos($lang,'ja')!==0);
@@ -376,7 +376,7 @@ function post(){
 	//ファイルアップロード
 	$up_tempfile = isset($_FILES['imgfile']['tmp_name']) ? $_FILES['imgfile']['tmp_name'] : ''; // 一時ファイル名
 	if(isset($_FILES['imgfile']['error']) && in_array($_FILES['imgfile']['error'],[1,2])){//容量オーバー
-		return error($en? "Upload failed.\nThe file size is too big.":"アップロードに失敗しました。\nファイルサイズが大きすぎます。");
+		return error($en? "Upload failed.\nThe file size is too large.":"アップロードに失敗しました。\nファイルサイズが大きすぎます。");
 	} 
 	$is_upload=false;
 	if ($up_tempfile && $_FILES['imgfile']['error'] === UPLOAD_ERR_OK && ($use_upload || $adminpost)){
@@ -770,7 +770,7 @@ function paint(){
 		$pchtmp=isset($_FILES['pchup']['tmp_name']) ? $_FILES['pchup']['tmp_name'] : '';
 
 		if(isset($_FILES['pchup']['error']) && in_array($_FILES['pchup']['error'],[1,2])){//容量オーバー
-			return error($en? 'The file size is too big.':'ファイルサイズが大きすぎます。');
+			return error($en? 'The file size is too large.':'ファイルサイズが大きすぎます。');
 		} 
 
 		if ($pchtmp && $_FILES['pchup']['error'] === UPLOAD_ERR_OK){
@@ -1220,7 +1220,7 @@ function img_replace(){
 		return error($en?'Please attach an image.':'画像を添付してください。');
 	} 
 	if(isset($_FILES['imgfile']['error']) && in_array($_FILES['imgfile']['error'],[1,2])){//容量オーバー
-		return error($en? "Upload failed.\nThe file size is too big.":"アップロードに失敗しました。\nファイルサイズが大きすぎます。");
+		return error($en? "Upload failed.\nThe file size is too large.":"アップロードに失敗しました。\nファイルサイズが大きすぎます。");
 	} 
 	$is_upload=false;
 	$tool = '';

petitnote/template/basic/paint_klecks.html

@@ -91,7 +91,7 @@
 					.then((response) => {
 						if (response.ok) {
 							response.text().then((text) => {
-							console.log(text)
+								console.log(text)
 								if(text==='ok'){
 									<?php if($rep):?>
 									return repData();
@@ -117,8 +117,13 @@
 					})
 				}
 				klecks.getPSD().then((psd)=>{
+					const png = klecks.getPNG();
+					const TotalSiz=((png.size+psd.size)/1024/1024).toFixed(3);
+					if(TotalSiz><?=h($max_pch)?>){
+						return alert(`<?php if($en):?>File size is too large.<?php else:?>ファイルサイズが大きすぎます。<?php endif;?>\n<?php if($en):?>limit size<?php else:?>制限値<?php endif;?>:<?=h($max_pch)?>MB\n<?php if($en):?>Current size<?php else:?>現在値<?php endif;?>:${TotalSiz}MB`)
+					}
 					const formData = new FormData();
-					formData.append("picture", klecks.getPNG(),'blob');
+					formData.append("picture", png,'blob');
 					formData.append("psd", psd,'blob');
 					<?php if($rep):?>formData.append("repcode", "<?=h($repcode)?>");<?php endif;?>
 					formData.append("tool", "klecks");