php - javascript & PHPでサムネイルを変換した画像ファイルをアップロードするには?

Question

元の画像をアップロードする前に、サムネイル画像を作成するコードがあります。私がやりたいのは、クライアントの元の画像をアップロードする代わりに、サムネイル画像をアップロードしたいということです。その理由は、元の画像ファイルは通常大きすぎるためです。私のシステムでは、サムネイルなどの非常に小さな画像でも問題ありません。どうすれば目標を達成できますか?

これまでの私のコードは次のとおりです。

PHP コード:

if (isset($HTTP_POST_VARS['action'])) {
   $SafeFile = $_FILES['client_image']['name'];
}

HTML コード:

< input type="file"  valign=middle  name="client_image" id="client_image" >
< output id="list" > <  /output>

JavaScript コード:

document.getElementById('client_image').addEventListener('change', handleFileSelect, false);
function handleFileSelect(evt) {
    var files = evt.target.files; 
    for (var i = 0, f; f = files[i]; i++) {
        // Only process image files.
        if (!f.type.match('image.*')) {
            continue;
        }
        reader.onload = (function(theFile) {
            return function(e) {
                // Render thumbnail.
                var span = document.createElement('span');
                span.innerHTML = ['<img class="thumb" id="thumb_image" src="', e.target.result,
                                '" title="', escape(theFile.name), '"/>'].join('');
                document.getElementById('list').insertBefore(span, null);
            };  
        })(f);
    }
}