Javascript 上传前上传显示图片

我为具有映像的系统创建模板。 我想我会显示的形象，客户端上传之前，它将上传到服务器。 以下是我所做的模板：

<div id="${fileID}" class="uploadify-queue-item">
<div class="cancel">
    <a href="#">cancel upload</a>
</div>
<div class="uploadify-names">
    <span class="fileName">asdasdsd sadsas adsadsasafafs affasfafasfsfaasdasdsa</span>
    <span class="data"></span>
</div>
<div class="uploadify-progress">
    <div class="uploadify-progress-bar"><!--Progress Bar--></div>
</div>
<img class="img" src="image here" width="100" height="75" />

asdasdsd sadsas adsasasafafs affasfsfsfsfsfasdasdsa

Im也可以在多个版本和免费版本中使用

$(function() {
    $("#file_upload").uploadify({
        'swf'             : '/uploadify/uploadify.swf',
        'uploader'        : '/uploadify/uploadify.php',
        'onUploadSuccess' : function(file, data, response) {
            alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
        }
    });
});

---

也许这个帖子可以帮上忙：谢谢，但我不太明白什么是“canvas元素”以及如何使用它来解决我的问题。下面是一个如何将图像添加到canvas元素的示例：谢谢，但当我使用“onDialogClose”并选择不起作用的文件时。。我不知道为什么