html - サーバーに送信する前にHtml5マルチアップロード画像のサイズを変更する

Question

HTML5 マルチアップロード画像を使用しています。私のコードはまさにこのようなものです

HTML

<input type="file" name="files[]" multiple="multiple" accept="image/*">

PHP

<?php
if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST"){
    // Loop $_FILES to execute all files
    foreach ($_FILES['files']['name'] as $f => $name) {  
            $extt = pathinfo($name, PATHINFO_EXTENSION);
            $newname1 = rand(11111,99999);
            $time22 = time();           
        if ($_FILES['files']['error'][$f] == 4) {
            continue; // Skip file if any error found
        }          
        if ($_FILES['files']['error'][$f] == 0) {              
            if ($_FILES['files']['size'][$f] > $max_file_size) {
                $message[] = "$name is too large!.";
                continue; // Skip large files
            }
            elseif( ! in_array(pathinfo($name, PATHINFO_EXTENSION), $valid_formats) ){
                $message[] = "$name is not a valid format";
                continue; // Skip invalid file formats
            }
            else{ // No error found! Move uploaded files 
            $apt->query("INSERT INTO attachments VALUES ('', '$img', 'modules/news/attachments/$time22$newname1.$extt','0' ,'$name');");

                if(move_uploaded_file($_FILES["files"]["tmp_name"][$f], $path.$time22.$newname1.".".$extt)) {
                    $count++; // Number of successfully uploaded files
                }
            }
        }
    }
}
?>

私がする必要があるのは、アップロードする前に画像のサイズを変更することです (クライアント側)。私のコードで動作する簡単な例があれば、感謝します。私は HTML5 の初心者です ;(