上传前上传显示图片答案

【问题标题】：Uploadify show image before upload上传前上传显示图片
【发布时间】：2025-12-27 01:10:06
【问题描述】：

我为具有图像的系统创建模板。我希望我会在客户端上传到服务器之前显示客户端上传的图像。这是我做的模板：

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

我也使用多个版本和免费版本。

【问题讨论】：

也许这个帖子可以帮上忙：*.com/questions/19619076/…
谢谢，但我并没有真正理解什么是“画布元素”以及如何使用来解决我的问题。
这是一个如何将图像添加到画布元素的示例：jsfiddle.net/influenztial/qy7h5
谢谢，但是当我使用“onDialogClose”并选择不起作用的文件时..我不知道为什么

标签： javascript jquery uploadify

【解决方案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

【讨论】：