如何使用javascript＆amp;上传转换缩略图的图像文件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);
    }
}

Answer 1

只有适用于所有流行浏览器的解决方案才是使用Flash上​​传器进行图像预处理。

SWFUploader（版本＆gt; = 2.5.0）具有此功能。

以下是使用示例（文件夹demos/resizedemo）：SWFUpload_v250_beta_3_samples.zip