上传前上传显示图片

Question

我为具有镜像的系统创建了模板。我希望我将显示客户端上传的图像之前，它将上传到服务器。下面是我做的模板：

<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" />

即时通讯也使用在多个和免费版本。

Answer 1

$(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);
        }
    });
});

Documentation